最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css实现文本渐变效果
时间：2022-07-02 12:27:25 编辑：袖梨 来源：一聚教程网
这是纯粹的技巧,没有使用任何ja脚本或者, 并且它可以在大多数浏览器上正常工作(IE6需要支持透明PNG的hack)
这是完美的标题设计,你不必使用photoshop,这将大量节省你的带宽和时间.
你可以对任何网页字体使用这种效果,而且字号大小也是可变的.
他是如何工作的?
这个技巧很简单.我们只是简单的使用了1px宽的透明png覆盖在了文本上.
| 代码如下 | 复制代码 |
CSS Gradient TextCSS |
|
关键就在这里:
| 代码如下 | 复制代码 |
|
h1 { position: relative } h1 { |
|
就这样, 你做到了。点击这里查看示例.
使它能够支持IE6
下面这个hack仅仅是让IE6支持透明PNG-24格式的图片.
| 代码如下 | 复制代码 |
相关文章
- 蚂蚁新村小课堂今日答案1月11日 以下哪一项是我国古人首创的造船技术 08-02
- 蚂蚁庄园答题今日答案2026年1月12日 08-02
- 蚂蚁庄园答案2026年1月12日 08-02
- 今日小鸡庄园答案2026.1.12 08-02
- 如何查看爱发电APP官方创作教程与作者经验分享 08-02
- 蚂蚁庄园小鸡答题今日答案2026年1月12日 08-02