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