CSS3 Making Fonts

Code Tutorials

HTML code with H1 bar, so semantically better, because the title is generally used H1-h6.

<H1 class= "Vintage" > The beautiful Chinese language 

The big title of the vintage style made of pure CSS

. Vintage{background: #EEE url (data:image/gif;base64, ivborw0kggoaaaansuheugaaaaqaaaaecaiaaaamkwkpaaaahkleqvqimwnkygbgygd4//8/a5wf5sbyyar+// 8PAPOCFO0Q2ZQ7AAAAAELFTKSUQMCC) repeat;text-shadow:5px-5px Black, 4px-4px white;font-weight:bold;- Webkit-text-fill-color:transparent;-webkit-background-clip:text}

CSS Hollow Text

. stroke{color:transparent;-webkit-text-stroke:1px Black;letter-spacing:0.04em;background-color:}

CSS Inner Shadow text effect

. Press {Color:transparent;background-color:black;text-shadow:rgba (255,255,255,0.5) 0 5px 6px, Rgba (255,255,255,0.2) 1px 3px 3px;-webkit-background-clip:text;}

CSS to implement 3D sense text title

. Threed{color: #fafafa letter-spacing:0;text-shadow:0px 1px 0px #999 0px 2px 0px #888 0px 3px 0px #777 0px 4px 0px #6 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135}

CSS3 Making Fonts