码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标经过图片时向前突出并放大图片

时间:2017-09-14 20:20:02      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:tran   col   style   class   hover   nsf   图片   over   动画   

/*.img1 img{transform: scale(1,1)原本的图片的大小; transition: all 0.6s;动画过渡的效果:全部的过渡效果 效果的时间是0.6秒 }*/ 第一句是没有经过图片的效果
/*.img1:hover img{transform: scale(2,2);}*/        第二句就是当鼠标经过是图片放大的倍数

.img1 img{transform: scale(1,1); transition: all 0.6s; }
.img1:hover img{transform: scale(2,2);}    

 

鼠标经过图片时向前突出并放大图片

标签:tran   col   style   class   hover   nsf   图片   over   动画   

原文地址:http://www.cnblogs.com/leaflife/p/7522252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!