首页 相关文章 CSS3 应用01 - 文本阴影效果(兼容 等多浏览器)

CSS3 应用01 - 文本阴影效果(兼容 等多浏览器)

CSS3 提供一个文本阴影属性:text-shadow : color || length || lenth|| opacity

其中,第一个参数是颜色,第二个参数是阴影的水平延伸距离,第三个参数是阴影的垂直延伸距离,第四个参数是模糊效果的作用距离。支持设定多组效果。

例如:text-shadow: #333333 4px 5px 6px;

可是,IE 6-9 都不支持文本阴影的属性,只能使用 filter: glow / blur / shadow / dropshadow。。。来模拟文本阴影效果。

那么,我们难道就没有办法了吗?答案是可以的。

下面介绍几种办法:

如果你对日本人非常敏感,请只看第一种方法!这里只谈技术,不含民族情感。

1)多重文本阴影

实现原理:添加两个相同文本的 span,其中一个文本显示文本,一个作为阴影文本。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...[ 查看全文 ]

2016-02-19 标签:

CSS3 应用01 - 文本阴影效果(兼容 等多浏览器)的相关文章

手机页面
收藏网站 回到头部