CSS 鼠标触发 图片动态放大效果

图片触发动态放大效果.gif CSS 鼠标触发 图片动态放大效果 CSS学习

今天在写一个zblog主题的时候,用到了图片鼠标触发放大效果,在这里分享下代码:

CSS
a img {
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;}

a img:hover{
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

transition: all 0.6s;  意思是动画效果0.6秒完成,可以修改。


您可以还会对下面的文章感兴趣:

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。