閱讀589 返回首頁    go iPhone_iPad_Mac_apple


【前端】2行CSS代碼實現鼠標懸停圖片放大效果

原理:CSS3 自帶變形動畫屬性
實現方式及案例講解:
transition 過渡效果
transform 變形
scale 改變比例
相關屬性:0.6秒放大至1.1倍

85fefbd1gw1facutog65ij20qo0qo0w3

具體代碼:

.img {
transition: all 0.6s;
}
.img:hover {
transform: scale(1.1);
}

最後更新:2017-11-07 15:05:08

  上一篇:go  《Linux From Scratch》第二部分:準備構建 第五章:構建臨時文件係統- 5.32. Texinfo-5.2
  下一篇:go  《Linux From Scratch》第二部分:準備構建 第五章:構建臨時文件係統- 5.31. Tar-1.28