首页 › Blogs › play's blog ›

用CSS实现下拉羽化的阴影

由 play 发表于 星期六, 2009-01-10 23:21

经常在国外的一些站点看到优秀的CSS代码，只是限于语言的障碍，收获甚小。通常我会按照作者的提示和给出代码自己亲自动手尝试，对于这些收集来的代码往往都是丢在硬盘里，那天心血来潮硬盘格式化，这些代码也没了，需要的时候还要在网上搜，还是发到网站上好点。

废话不说了进入正题

我截了2张图

没有阴影的
没有阴影的

羽化阴影效果
羽化阴影效果

此效果参照：CSS Drop Shadows II: Fuzzy Shadows，作者同时讲解怎么做羽化阴影的图片，建议看看原文。

我把实现的方法步骤，发到Google论坛了

Tag:

评论

发表新评论

此内容将保密，不会被其他人看见。
  • 自动将网址与电子邮件地址转变为链接。
  • 允许HTML标签：<a> <img> <em> <del> <strong> <cite> <code> <pre> <ul> <ol> <li> <dl> <dt> <dd> <h3> <h4> <h5> <h6>
  • 自动断行和分段。
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. The supported tag styles are: <foo>, [foo]. PHP source code can also be enclosed in <?php ... ?> or <% ... %>.

更多关於格式化选项的信息

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.

最新评论