<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标经过图片放大动态效果纯css代码</title> </head> <style> /*tab_box*/ .ggwcss { width: 100%; padding-bottom: 20px; } .ggwcss img{ width: 100%; transition: all 0.6s; -ms-transition: all 0.8s; } .ggwcss img a{ width: 100%; } .ggwcss img:hover{ transform: scale(1.1); -ms-transform: scale(1.1); } </style> <div class="ggwcss"><a href="#"><img src="http://www.tdsgw.com/skin/tdsmb/images/logo.png" style="width:100%;" alt="图片放大效果" ></a></div> <body> </body> </html> |
版权:田道商网络科技 联系人:老田 联系电话:18016059587 技术支持QQ:1207073414 ICP工商备案:皖ICP备2022012387号
田道商(TDS)语录:我曾坚持室10年,长期免费帮助过数千个个人站长及微小企业,解决互联网相关技术问题、运营推广问题、企划品推问题、团队管理问题等