CSS鼠标经过图片的时候图片放大

网站制作产品列表或是图片的时候,想要加点效果,下面这个鼠标经过图片放大的代码很实用,也简单;

img{
    cursor: pointer;
    transition: all 1.5s;
}
img:hover{
    transform: scale(1.4);
}

transition: all 1.5s; 是缩放的一个时间是1.5秒;transform: scale(1.4); 是图放大的倍数是1.4倍;这两个数值可以更具自己的需求修改。

版权声明:
作者:laocao_blog
链接:http://www.lcblog.vip/74.html
来源:老曹博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>