文章出處
文章列表
今天看到嗶哩嗶哩圖片站的圖片hover效果，看了下f12，寫了個demo。
codepen代碼如下
https://codepen.io/bhaltair/pen/zPOxry
原理是：
利用圖片容器設置transform: scale(1.1)，并且設置transition: transform 0.5s;
外層容器設置定寬和定高，overflow:hidden
外層容器hover的時候設置圖片容器scale就可以實現我們的效果了
文章列表
全站熱搜
留言列表
