利用jQuery-UI 搭配 CSS 所產生的特效,相當適合應用於需要做前後比較的產品展示。
本範例主要為以下三者的應用
- CSS2 的 clip 屬性
- CSS3 的 transform效果
- jQuery-UI 的 draggable()函式
因為涉及了CSS3,所以可以想見舊版的瀏覽器是沒辦法成功檢視的。
P.S.:原本是打算使用css3 的filter特效的,不過Firefox似乎是不支援,所以改為transform來進行Demo
![](https://lh5.googleusercontent.com/-a6kk7M2OLFw/TeovEyfKDII/AAAAAAAABY8/Zwu3Kky3hbg/w1026-h690-no/DSC_2635.jpg)
利用jQuery-UI 搭配 CSS 所產生的特效,相當適合應用於需要做前後比較的產品展示。
本範例主要為以下三者的應用
因為涉及了CSS3,所以可以想見舊版的瀏覽器是沒辦法成功檢視的。
P.S.:原本是打算使用css3 的filter特效的,不過Firefox似乎是不支援,所以改為transform來進行Demo