2行CSS代码实现云栖博客列表上的鼠标悬停图片逐渐放大效果

原理:CSS3 自带变形动画属性
实现方式及案例讲解:
transition 过渡效果
transform 变形
scale 改变比例
相关属性:0.6秒放大至1.1倍

85fefbd1gw1facutog65ij20qo0qo0w3

具体代码:

.img {

transition: all 0.6s;

}
.img:hover {

transform: scale(1.1);

}

范例:http://www.9-2.top/example/css/transition-transform-scale.asp

猜你喜欢

转载自blog.csdn.net/foosir/article/details/89026307