切图网在做web前端项目切图的时候，图片的地方经常会加一点悬停效果，最最常见的是，鼠标移上去，图片稍微放大一点点，这样可能增强体验，增加互动。
下面整理了15中css3图片Hover悬停效果，基本你能想到的效果都在这了。
使用方法
1、在head区域引入样式表文件normalize.css、demo.css、component.css
2、选取你想要的效果：<figure class="effect-lily"> …… </figure>为一个单元效果
3、3个css文件可根据你的需要做适当精简
演示
http://www.qietu.com.cn/p/15-css3-img-hover/
---
我是aming，web前端从业者（2007~2019），创办了切图网qietu.com，最近上线了知识付费产品<切图日记>，把我近10年的从业经历、经验以文字、视频的形式整理出来，订阅价499元。
http://www.qietu.com.cn