589
京东网上商城
【前端】2行CSS代码实现鼠标悬停图片放大效果
原理:CSS3 自带变形动画属性
实现方式及案例讲解:
transition 过渡效果
transform 变形
scale 改变比例
相关属性:0.6秒放大至1.1倍
具体代码:
.img {
transition: all 0.6s;
}
.img:hover {
transform: scale(1.1);
}
最后更新:2017-11-07 15:05:08
589
京东网上商城
原理:CSS3 自带变形动画属性
实现方式及案例讲解:
transition 过渡效果
transform 变形
scale 改变比例
相关属性:0.6秒放大至1.1倍
具体代码:
.img {
transition: all 0.6s;
}
.img:hover {
transform: scale(1.1);
}
最后更新:2017-11-07 15:05:08