纯CSS实现的当鼠标移上图片添加阴影效果代码
2009-12-22 23:07
1926 查看
CSS给图片添加阴影 *{padding:0;margin:0;} body{background:#E8EDF1;padding:20px;} #profileAvatar {overflow:hidden;zoom:1;} #profileAvatar i{float:left;visibility:hidden;background:url(//files.jb51.net/demoimg/200912/avatar.gif) 0 0 no-repeat;} #profileAvatar i i{background-position:100% 0; } #profileAvatar i i i{background-position:0 100%;} #profileAvatar i i i i{padding:0 5px 6px 0;background-position:100% 100%; } #profileAvatar img{visibility:visible;display:block;padding:3px;border:1px solid #ccc;background:#fff;} 鼠标移上去显示圆滑的阴影
相关文章推荐
- 纯CSS实现鼠标移上图片添加阴影效果
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- css实现基本的鼠标滑过图片添加遮蔽层效果
- jquery实现鼠标拖动图片效果示例代码
- CSS完美实现图片阴影效果
- css实现鼠标移动图片居中放大效果
- css实现鼠标放到图片旋转效果
- CSS代码实现鼠标移过更换背景图片
- 用CSS实现图片水印效果代码
- 浅谈CSS和JQuery实现鼠标悬浮图片放大效果
- css样式实现给图片添加阴影效果
- 阴影效果CSS收藏+按钮鼠标移上缓慢变色代码
- 用JS+CSS实现多种图片漂亮效果的代码
- CSS实现图片像框阴影效果
- CSS+jQuery实现的鼠标滑过图片周围图片变暗的效果
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- CSS实现鼠标悬停图片时的边框变色效果
- 默认图片是灰色鼠标放上去变彩色css效果代码(仅支持ie)