纯css实现鼠标经过图片上时，图片突出显示特效

作者：简简单单 2013-05-06

提示：您可以先修改部分代码再运行

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
*{margin:0; padding:0;}
img{border:none; vertical-align:top;}
.grid{ margin:50px auto;}
.grid a{float:left; list-style:none;  display:block; border:1px solid #f60; background:#fff; margin-bottom:-1px; margin-right:-1px; cursor:pointer;}
.grid a:hover{padding:5px; position:relative; margin:-5px -6px -6px -5px;}
</style>
</head>

提示：您可以先修改部分代码再运行

上一个：javascript时间日期动态显示效果代码下一个：js 带缓冲效果的上翻图片轮播效果代码

纯css实现鼠标经过图片上时，图片突出显示特效

相关文章

精彩推荐