Some Innovative Css3 Text Effects

By Author: alan david
Total Articles: 11
Comment this article

The history of typography might be as old as the man. Huge typography can swiftly grab the attention of site viewer. Selection of right typography is considered one of the most prioritized tasks in web design. In fact, design can be revolutionized by using the power of words. Huge typography becomes web designer's favorite tool to communicate because it helps them to excite the experience of visitor by loudly conveying their message. Huge typography can be used anywhere on the page, looks cool in header and make a panache design when used in text, or even enhanced it if used in tag line. Here we have seized out some very creative layouts used huge typography.

1 Inset text:
Letterpress or inset text is an impressive text effect which can be created easily using CSS3 properties. How to create this in CSS3 is explained in this simply written tutorial. Inset text gives the text a debossed look that is text is embedded in the background. Works perfectly in webkit browsers but May not in old browsers like IE.
http://sixrevisions.com/css/how-to-create-inset-typography-with-css3/

2 Create beautiful Css3 typography:
...
... Stylizing your text may not be a tricky job but to make it readable yet stylish is. Go through with this tutorial and i will show you how you can give an artistic look to your text yet readable.
http://blog.echoenduring.com/2010/05/13/create-beautiful-css3-typography/

3 Letterpress text effect:
Give your text a debossed look via this incredible CSS property. Letter press is considered an industrial printing method before, but frequently it is being used in website designing too. CSS3 comes with very interactive way to create this effect.
http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow
4 Anaglyphic Text effects:
Chris Spooner a very creative web designer explains in this tutorial how to create anaglyphic text effect by using the simple CSS technique. Anaglyphic are the 3D images can be seen with 3d specs. And giving the same 3D look to the text would be an amazing venture.
http://line25.com/tutorials/how-to-create-a-cool-anaglyphic-text-effect-with-css
5 Text Rotation:
This one is probably my favorite one, as many popular browsers support text rotation. Jonathon Snook comes with very effective tutorial of how to transform text. Rotation can give text a very stylized look, and if there is CSS3, then no need to stick to boring horizontal effects only.
http://snook.ca/archives/html_and_css/css-text-rotation
6 Text embossing effect:
Create a magical embossing text effect with this amazing tutorial by Steve in CSS. Embossing effects considered bit outdated, but there are many designers who really love this stylish effect. There are numerous beautifully designed sites have used embossing text effect.
http://www.reynoldsftw.com/2009/03/text-embossing-technique-with-css/
7 Create Outline to the text:
Outlining the text with impressive colours can give text a cool look. Matt is offering you to learn how to outline the text with his tutorial using CSS. But the drawback of this property only works in Safari and chrome.
http://www.cardeo.ca/2010/adding-an-outline-to-your-text-using-the-css3-text-stroke-property
CSS3 is offering some innovative ways to design websites with great visual effects while the listed articles will help designers to use these effects efficiently. Spiralclick Dubai Design & Development always focuses on implementing best design practices.