效果查看地址:游計劃(uplanok.com)
代碼:
img{width: 100%;border-radius: 3px;transition: all 2s;} img:hover{transform: scale(1.2);}
img外層標簽元素,需要設(shè)定overflow: hidden,否則圖片放大后會溢出覆蓋其他內(nèi)容。
到此這篇關(guān)于css3動畫鼠標放上圖片逐漸變大鼠標離開圖片逐漸縮小的文章就介紹到這了,更多相關(guān)css3圖片放大離開縮小內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
標簽:延邊 大同 赤峰 泰州 萍鄉(xiāng) 保定 林芝
巨人網(wǎng)絡(luò)通訊聲明:本文標題《css3動畫鼠標放上圖片逐漸變大鼠標離開圖片逐漸縮小效果》,本文關(guān)鍵詞 ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。