图片/图形
Izmir - 鼠标悬停图片CSS3动画特效库
PetitQ
Izmir 是一款 css3 鼠标悬停图片动画特效库插件。Izmir 提供了 20 种边框动画、9 种图片动画、12 种文字动画，一级遮罩层动画，动画延迟等等。你可以通过它们组合出 1000+种不同的动画特效。
使用方法
在页面中引入下面的文件。
<link rel="stylesheet" href="css/izmir.min.css">
也想出现在这里？联系我们吧
HTML 结构
<figure class="c4-izmir"><img src="demo.jpg" alt="Sample Image"><figcaption><h3>Some sample text
</h3></div></figure>
边框动画
<figure class="c4-izmir c4-border-vert"><img src="demo.jpg" alt="Sample Image"><figcaption>// Caption text
</figcaption></figure>
图片动画
<figure class="c4-izmir c4-image-zoom-in"><img src="demo.jpg" alt="Sample Image"><figcaption>// Caption text
</figcaption></figure>
文字动画
<figure class="c4-izmir"><img src="demo.jpg" alt="Sample Image"><figcaption><div class="c4-reveal-up"><h3>Sample Text
</h3></div><div class="c4-reveal-up"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
</p></div></figcaption></figure>
遮罩层动画
<figure class="c4-izmir c4-gradient-top-left"><img src="demo.jpg" alt="Sample Image"><figcaption>// Caption text
</figcaption></figure>
Github 网址：https://github.com/ciar4n/Izmir
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
