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.


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號