滑鼠移到圖片上圖片放大-CSS3
阿新 • • 發佈:2018-12-04
初心-楊瑞超個人部落格誠邀您加入qq群(IT-程式猿-技術交流群):757345416
在開發中,我們往往會遇到圖片放大特效,今天給大家分享下用CSS3來實現滑鼠移動到圖片上放大,直接貼程式碼了。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>www.chao99.top特效網</title> <style type="text/css"> #div1{ width: 200px; height: 138px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } #div1 img{ cursor: pointer; transition: all 0.6s; } #div1 img:hover{ transform: scale(1.2); } </style> </head> <body> <div id="div1"> <img src="chao99.jpg" /> </div> </body> </html>
文章到此結束,希望對你的學習有幫助!