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

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

效果演示

返回

作者:

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

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

  1. 15个效果非常炫的jQuery插件
  2. 几个jQuery滚动到顶部（Scroll to top）解决方案
  3. 25 个优雅的 jQuery Tooltip 插件
  4. Google电吉他扩展版
  5. 60款jQuery 幻灯片
  6. 经典JavaScript正则表达式实战
  7. php正则表达式的特殊字符含义
  8. 10个jQuery Lightbox （暗箱）脚本
文件索引生成器DIRlist绿色版
EZTimeSync让时间同步更轻松
WordPress链接表的导出与导入
18个Apple风格的GUI PSD 源文件下载

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

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

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

Wopus问答

给我留言

留言无头像?

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

插入图片

返回首页

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