CSS渐变字体的效果演示

2018-11-25 17:51 更新

CSS Gradient Text

How about Georgia?

Dark on Light Sample

Metallic shine

Doesn't this look cooler than Web 2.0?

Hello, I'm Shinely

VERTICAL STRIPE

HORIZONTAL STRIPE

WOW, ZEBRA

It works on IE6 too!

Note: only this sample has applied IE6 PNG hack

jQuery prepend version

Note: in this sample the <span> tag is prepended by jQuery (it is not in the source code).

iPhone again?

Here is another sample intro banner

Apply on real design

See, it is very practical. Try it on your design today. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc euismod adipiscing magna. Quisque sollicitudin nisi a nisi feugiat suscipit. Praesent molestie. Curabitur laoreet, augue in pharetra adipiscing, ipsum lectus blandit leo, quis viverra odio purus eget lectus. Cras vitae libero. Duis sed pede id erat laoreet varius. Ut felis est, aliquet ut, dictum at, consectetuer sed, ante.

Another heading

Mauris aliquam leo at pede pharetra condimentum. Ut arcu mauris, blandit at, porttitor vel, scelerisque vitae, nunc. Vivamus consequat tellus. Vivamus sed magna ut urna dictum ultrices. Curabitur at libero molestie eros imperdiet semper. Maecenas eu est non nunc gravida laoreet. Vestibulum orci. Donec bibendum neque a dui.


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号