纯CSS实现的漂亮的立体图片边框效果,阴影代码
2010-10-31 00:00
1211 查看
图片立体边框效果
.image{padding:10px;border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#fff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
.image{padding:10px;border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#fff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- CSS实现漂亮的图片立体边框效果
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- Jquery+CSS实现的大气漂亮图片切换效果代码
- 用JS+CSS实现多种图片漂亮效果的代码
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- css实现边框阴影效果的方法(含兼容)
- CSS实现图片阴影效果
- css实现跨浏览器的box-shadow盒阴影效果告别图片实现类似效果(2)
- CSS实现图片选中加边框效果
- 用CSS实现的图片透明度链接效果代码
- CSS 美化表格边框为凹陷立体效果的实现方法
- CSS实现自适应的图片背景边框代码
- 用CSS实现图片水印效果代码
- CSS实现表格边框阴影和背景渐变效果
- 图片立体边框效果,图片阴影效果
- +【CSS3】使用纯css代码实现图片轮播效果
- CSS 美化表格边框为凹陷立体效果的实现方法
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)