10 tutoriales para crear efectos de texto con CSS3

martes, abril 28, 2015
COMPARTE EL POST

10 tutoriales para crear efectos de texto con CSS3Hace unos años la gente seguía usando Flash para poder animar elementos en su sitio web, elementos como texto que hacía parecer más atractivo un sitio web. Obviamente tenía un gran problema de flexibilidad porque en el momento que quisiéramos cambiar ese texto teníamos que abrir Flash, abrir el archivo original, modificar el texto, animación, etc, y luego ver los cambios reflejados en la página. No era más fácil si le sumamos el hecho de que para móviles Flash es la peor opción para colocar contenido.

Por eso con CSS3 podemos lograr al menos efectos de texto parecidos o iguales a los que podríamos hacer con un software de animación. Les presento 10 tutoriales para crear efectos de texto con CSS3, efectos bastante llamativos y fáciles de realizar, pero sobre todo, fáciles de modificar.

1. Text Rotation

image

2. Shadow Effect

image

3. Slashed Effect

image

4. Animation Text

image

5. Background Clip Text

image

6. Animated Signature

image

7. Cosmos

image

8. Elastic Stroke Animation

image

9. Foggy Text Effect

image

10. Hit the Floor

image

Vía cssnewbie

¡Síguenos en Twitter!


Deja tu comentario