css3動畫鼠標(biāo)放上圖片逐漸變大鼠標(biāo)離開圖片逐漸縮小效果
發(fā)布時間：2021-01-27 16:30:24 作者：王永存 
我要評論
我要評論這篇文章主要介紹了css3動畫鼠標(biāo)放上圖片逐漸變大鼠標(biāo)離開圖片逐漸縮小,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
效果查看地址：游計劃（uplanok.com）
代碼：
img{width: 100%;border-radius: 3px;transition: all 2s;}
img:hover{transform: scale(1.2);}
img外層標(biāo)簽元素，需要設(shè)定overflow: hidden，否則圖片放大后會溢出覆蓋其他內(nèi)容。
到此這篇關(guān)于css3動畫鼠標(biāo)放上圖片逐漸變大鼠標(biāo)離開圖片逐漸縮小的文章就介紹到這了,更多相關(guān)css3圖片放大離開縮小內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了CSS實現(xiàn)漂亮的時鐘動畫效果的實例代碼,代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-29
這篇文章主要介紹了CSS 奇思妙想邊框動畫效果的實現(xiàn),本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-18
這篇文章主要介紹了CSS 動態(tài)高度過渡動畫效果的實現(xiàn),本文通過實例代碼給大家介紹的非常想詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-15
這篇文章主要介紹了使用CSS3制作版頭動畫效果,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-24
CSS3分享圖標(biāo)按鈕動畫特效代碼是一款社會分享圖標(biāo)動畫特效，鼠標(biāo)移上去會有一個膠囊閃動的效果。2020-12-15
CSS3通過var()和calc()函數(shù)實現(xiàn)動畫特效
這篇文章主要介紹了CSS3通過var()和calc()函數(shù)實現(xiàn)動畫特效,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-29
