這是一款使用CSS3和一點JS來制作的炫酷帶方向感應的鼠標滑過圖片3D動畫特效。在特效中，當用戶的鼠標滑過網格中的圖片時，網格中的內容遮罩層會出現3D翻轉動畫，并且帶有方向感應，能夠從鼠標進入的方向開始翻轉，效果非常的酷。

在線預覽    源碼下載

使用方法

HTML結構

該方向感應鼠標滑過動畫的HTML結構采用無序列表的HTML結構來制作網格布局，每一個<li>元素是一個網格。每個網格中使用一個<svg>元素來進行占位，實際上它是一個圖片的小圖標。另外div.info是要進行3D翻轉的遮罩層。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表