最新下载
热门教程
- 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格式的图片.
| 代码如下 | 复制代码 |
相关文章
- 神探诡事录秘籍材料如何获取 10-27
- 时隙之旅天狐妲己阵容怎么搭配 10-27
- 流放之路2引路石介绍及获取方法分享 10-27
- 燕云十六声幻歌百目莲收集方法分享 10-27
- 燕云十六声抬头见花红收集方法分享 10-27
- 燕云十六声匕见将军收集方法分享 10-27