Crear Textos con Sombras y Efectos en CSS3 – Online – Fácil

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="http://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 🙂

Dar Efecto al Texto con CSS3

Para los diseñadores y programadores de skamasle, les dejo esta web llamada CSSWARP, que es básicamente para dar efectos a los textos de nuestra página web con puro CSS3, tal y como se ve en la imagen que puse arriba.

Los efectos que puede dar son varios y se pueden personalizar todas las formas que el texto adopta a nuestro gusto, para que se vea bien en nuestra web.

La web es muy sencilla de usar, no tiene mucha ciencia, es bastante intuitiva como la mayoría de generadores de código CSS3, además CSSWARP tiene la opción de optimizar el código para un navegador en especifico, por si no se nos ve bien, podemos pedir un código aparte para Opera, FireFox, IE o Safari.

Espero que les sirva la web.