css实现鼠标移动到图片上后变大的效果

洪七公

有的时候为了实现页面的动态特效，鼠标移动到网页的某个图片的时候，希望图片变得大一些，移动走鼠标后又恢复为初始，这样的效果使得网页更有动态感觉！

直接给出代码，这里我们把图片所在的div层随便定义一个class样式，比如jinshangceshi，然后通过hover实现，代码如下：

.jinshangceshi img:hover{ transform: scale(1.1);}

保存后你去测试下效果就明白啦！