<!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=UTF-8"> <title>css3图片鼠标滑过放大效果</title> <style type="text/css"> body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;} ul,ol,li{list-style:none;} input,button{margin:0;font-size:12px;vertical-align:middle;} body{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#333; margin:0 auto; } table{border-collapse:collapse;border-spacing:0;} a{ color:#333; text-decoration:none;} a:hover{ text-decoration:none;} .scale{ width:420px; margin:20px auto; height:70px; } .scale li img{border:2px solid #E2E2E2;float: left;height:80px;margin-right:25px;opacity: 0.8;overflow: hidden; padding: 2px;width:90px;} .scale li:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);} </style></head> <body> <ul class="scale"> <li><a href="#"><img src="11.png"></a></li> <li><a href="#"><img src="11.png"></a></li> <li><a href="#"><img src="11.png"></a></li> </ul> </body></html>
相关推荐
CSS3鼠标滑过放大图片 CSS3鼠标滑过放大图片 CSS3鼠标滑过放大图片
CSS3鼠标悬停图片放大效果,图片默认3行4列排列,鼠标经过图片突出显示。
CSS3鼠标经过图片旋转放大特效代码是一款采用CSS3结合图片实现的鼠标悬停到图标上面旋转放大展示效果。
JS+CSS鼠标经过放大图片(很酷).自己下载研究一下吧
css鼠标滑过图片放大,css hover图片放大,图标放大
CSS3鼠标经过图片旋转放大特效是一款采用CSS3结合图片实现的鼠标悬停到图标上面旋转放大展示效果。
这是一款使用纯css3制作的炫酷圆形图片鼠标滑过特效合集。共有7种效果,7种鼠标hover效果分别是:圆形放大缩小、翻盖动画、3d翻转、淡入淡出、翻页效果和3d旋转。
CSS鼠标经过放大图片+Lightbox图片展示
今天我们要来分享一款简单实用的CSS3鼠标滑过图片放大特效,我们可以将它应用在相册中,我们可以将鼠标移到图片上进行快速预览相片,你也可以扩展它,比如给图片加投影和边框等。整一个图片放大特效还是比较酷的。
这次我们要分享一款纯CSS3实现的图片动画,当鼠标滑过小图标时,图标会放大,同时图标会出现旋转的动画效果。我们在很多个性化个人博客中经常看到鼠标滑过人物头像后头像图片旋转就是利用这种方法实现的。由于只用到...
CSS3鼠标悬停图片放大效果,图片默认3行4列排列,鼠标经过图片突出显示。
CSS+jQuery模拟CSS3鼠标滑过图片放大动感效果.zip
css3鼠标滑过放大缩小过渡特效是一款鼠标经过图片缩小显示,鼠标移走图片恢复原样。
div+css制作的鼠标经过放大字体样式的特效,让你美味无穷啊
css3鼠标滑过图片放大动画展示
CSS3实现鼠标滑过图片放大特效源码.zip
CSS3鼠标经过突出放大显示特效是一款带有弹性伸缩效果的鼠标响应式特效
CSS3鼠标悬停图片放大效果,图片默认3行4列排列,鼠标经过图片突出显示。