Efectos de texto con CSS avanzado

lunes, diciembre 28, 2009
COMPARTE EL POST

image

SI creías que CSS sirve sólo para cambiarle el color al texto, hacerlo más grande o quizá darle un aspecto feo si no sabes como usarlo, te equivocas.

En la siguiente colección te traigo 22 tutoriales donde podrás encontrar links para tutoriales donde los efectos no son hechos en Photoshop, sino en CSS, si, en hojas de estilo, suena simple pero todo tiene su chiste y estoy seguro que te va a gustar.

1. Create a Letterpress Effect with CSS Text-Shadow

letterpress-css-text-effects-typography

View Demo

2. Text Rotation with CSS

snook-rotation-css-text-effects-typography

3. Date Display Technique with Sprites

display-sprites-css-text-effects-typography

4. CSS Gradient Text Effect

gradient-css-text-effects-typography

View Demo

5. CSS Text Gradients

 

gradient-cssglobe-rotation-css-text-effects-typography

6. Add grunge effect to text using simple CSS

 

grunge-css-text-effects-typography

View Demo

7. Two simple ways to create text embossing effect

embosing-two-tips-css-text-effects-typography

8. Text Embossing Technique With CSS

embossing-technique-css-text-effects-typography

9. Codename Rainbows

rainbows-css-text-effects-typography

View Demo

10. CSS Drop Shadows

dropshadow-css-text-effects-typography

11. Text-Shadow Exposed

cool-clever-shadow-css-text-effects-typography

12. Background gradients and CSS

background-css-text-effects-typography

13. CSS Text-Shadow in Safari, Opera, Firefox and more

multiple-shadows-css-text-effects-typography

14. Text-overflow

overflow-css-text-effects-typography

15. How To Implement sIFR3 Into Your Website

sifr-how-to-css-text-effects-typography

16. How To Use Any Font You Wish With FLIR

flir-css-text-effects-typography

View Demo

17. How to use headings in HTML

headings-how-to-css-text-effects-typography

18. Advanced Typography techniques using CSS

advanced-typography-css-text-effects-typography

19. 10 Examples of Beautiful CSS Typography and how they did it…

10-typography-tips-css-text-effects-typography

20. Typographic Contrast and Flow

typographic-contrast-css-text-effects-typography

View Demo Overview

21. The Elements of Typographic Style applied in Webdesign

elements-typography-css-text-effects-typography

22. 5 Principles And Ideas Of Setting Type On The Web

5-principles-type-css-text-effects-typography

Colección tomada de 1stwebdesigner

¡Síguenos en Twitter!


Deja tu comentario