说明：
<!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
说明：
| <!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> |
