CSS3 Playground by Mike Plate

Nuestro amigo Beben Koben, administrador de varios blog muy fantásticos nos presenta otro generador de estilos que realmente me a gustado mucho por lo simple de manejarlo.

http://css3.mikeplate.com

CSS3 Generator

CSS3 Generator

http://css3generator.com Es una página en la cual podemos general estilos CSS3 tales como: Border Radius,

Box Shadow, Text Shadow, Transitions, Transform, etc...

Sólo tenemos que seleccionar la opción he ingresar unos pocos datos como medidas y colores.

Podemos ir viendo una vista previa con los cambios realizados.

En lo personal para general Text Shadow y Gradient, prefiero las páginas de las 2 entradas anteriores.

Lo que puede ser útil para ir aprendiendo los estilos CSS3, como manejar sombras y distintos efectos.

Generador de Text Shadow

http://westciv.com/tools/shadows/

La propiedad se especifica uno o más efectos de sombra de texto que se añade al contenido del texto de un elemento. text-shadow se especificó originalmente en CSS2, pero retirado de CSS2.1 debido a la falta de aplicación entre los navegadores.

Es en la actualidad también se incluye en el módulo de texto CSS3.

Los efectos de sombra se aplican en el orden en el que se especifican. No aumentar el tamaño de una caja, aunque pueden extenderse más allá de sus fronteras, y su orden de apilamiento es el mismo que el propio elemento.

Se ha apoyado en Safari desde la versión 1.1 y es compatible con Chrome, Firefox 3.5+ y Opera 10.

Puede tomar tres valores de longitud, y un color.

Los valores de longitud es un desplazamiento horizontal, un desplazamiento vertical y un desenfoque.

Las compensaciones pueden ser negativos o positivos.

CSS Gradient Generator de ColorZilla

ColorZilla nos presentan una muy buena herramienta.

CSS Gradient Generator

Se trata de un Generador para hacer Gradient que podemos utilizar en nuestros diseños.

Tienes varias opciones para personalizar.

Puedes agregar colores con un solo clic.

Podemos elegir el desgrado entre horizontal o vertical.

Y otras opciones más, que solo es cuestión de hacer pruebas.

Fuente: elWebmaster.com

CSS3 Gradient Generator online

CSS3 Gradient Generator:

CSS3 incorpora gradientes; CSS3 Gradient Generator permite generar el código CSS para implementar gradientes en Safari, Chrome o Firefox 3.6 Beta.

Para saber mas sobre gradientes en CSS3, ver entrada en el blog de JMiur: