现在的位置: 首页 ＞Web前端＞正文
小 中 大
纯CSS无图实现DIV边框平滑阴影
2010年06月11日 ⁄ Web前端 ⁄ 共 86字 ⁄ 评论数 1 ⁄ 被围观 1,790+

纯CSS无图实现DIV边框平滑阴影，利用1像素的原理而制作的阴影效果，让每个嵌套的DIV CLASS元素向外延伸一像素，颜色递减，这样就实现了阴影效果，而且效果不错。

效果演示

返回

作者:

该日志由 知更鸟 于608 天前发表在Web前端分类下， 你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
转载请注明: 纯CSS无图实现DIV边框平滑阴影 | 知更鸟 +复制链接
关键字:
【上篇】
【下篇】

您可能还会对这些文章感兴趣！

  1. 15个效果非常炫的jQuery插件
  2. 几个jQuery滚动到顶部（Scroll to top）解决方案
  3. 60款jQuery 幻灯片
  4. 经典JavaScript正则表达式实战
  5. php正则表达式的特殊字符含义
  6. 10个jQuery Lightbox （暗箱）脚本
  7. 关于jQuery fadeIn() & fadeOut()在IE中的问题
  8. 什么是HTML5?
30个优秀的CSS技术和实例
看看高手如何开机关机
软件版本面面观
35个Photoshop苹果风格制作教程

目前有 1 条留言 其中：访客:1 条, 博主:0 条

  1. Win7en乐园 : 2011年10月02日 130 天前 13:38:50  1楼 @回复 回复

    感谢分享，看上去还不错吧！

Wopus问答

给我留言

留言无头像?

留言不能超过1500字，已输入字数：

插入图片

返回首页

Copyright © 2007-2012 知更鸟  保留所有权利.   基于 WordPress 技术创建   Theme by Robin   采用 Linode 主机   
×
新浪微博
腾讯微博