Hace un tiempo ya les comente sobre una herramienta para dar efecto al texto con CSS3 CSSWARP una herramienta que nos permite dar todo tipo de efectos a los textos girarlos, dar sombras etc etc y también otro día les hable de algo más general, una herramienta que permite crear no solo textos si no también botones en CSS3
Pues hoy les vengo a dejar un complemento o una alternativa eso ya lo verán ustedes según sus necesidades. Se trata de CSS Text Shadown Crear Textos con Sombras y Efectos en CSS3 – Online – Fácil una aplicación especialmente diseñada para crear textos en CSS y aplicarle todo tipo de efectos y sombras, son más o menos 30 tipos de sombras que se le pueden aplicar al texto con esta herramienta, además de eso también nos permite escoger varios tipos de letras.
La web no requiere registro, solo tenemos que entrar y en el index ya podremos comenzar a generar nuestro texto, basta con escribir en la caja de texto y abajo de la misma escoger el tipo de letra que queremos y probar los efectos que nos ofrecen hasta encontrar el que más nos guste. Al terminar de trabajar en el texto solo tenemos que clicar en donde dice get code y la aplicación nos dará el código del texto para insertarlo en donde queramos o bien para seguir editandolo a nuestro gusto.
Este es el código que me ha generado para dar un efecto como el que se ve en la imagen de arriba, efecto fuego en css3
< link href="https://fonts.googleapis.com/css?family=Aclonica:regular" rel="stylesheet" type="text/css" >
< style>
h1 {
font-family: 'Aclonica', serif;
color: #fff;
text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}
< /style>
Tuve que agregar unos espacios entre algunas letras por que se me han quedado todos los títulos del blog con unas llamas jeje
Solo lo añadimos a nuestro style.CSS y lo podemos usar en nuestra página web.
Hay estilos para todos los gustos, así que es cosa de entrar y probar 🙂