hoverfold效果是当我们用鼠标滑过图片时,图片能产生折叠或弯曲的3d效果。当鼠标滑过图片时,我们使用jQuery来向适当的节点中插入产生图片效果的html结构,然后用css3来制作各种图片折叠或弯曲效果。
插件中精美的插图来自于花瓣。
HTML
<div id="grid" class="main"> <div class="view"> <div class="view-back"> <span data-icon="A">566</span> <span data-icon="B">124</span> <a href="#">→</a> </div> <img src="images/1.jpg" /> </div> <div class="view"> <!-- ... --> </div> <!-- ... --> </div>
更详细的教程请参看《鼠标滑过图片3D折叠效果》