Ahora que generar gradientes y sombras usando CSS3 está al alcance de la mano, lo que nos ocurre es que suele ser complicado escribir las propiedades. Estas son algunas herrameintas online que pueden ayudar a hacer algo concreto o bien jugar y divertirse un rato.
En CSS3 Gradient Generator podemos ir seleccionamdo colores, mezclarlos y ver los resultados en un simple demo en tiempo real así como el código requerido para reproducir el efecto. Cuando nos guste, podemos copiarlo y usarlo en nuestros proyectos:
En CSS3 Gradient Generator podemos ir seleccionamdo colores, mezclarlos y ver los resultados en un simple demo en tiempo real así como el código requerido para reproducir el efecto. Cuando nos guste, podemos copiarlo y usarlo en nuestros proyectos:
-webkit-gradient(linear, right top, left top, color-stop(0.36, rgb(105,102,186)), color-stop(0.53, rgb(76,73,161)), color-stop(0.76, rgb(47,63,128)))
-moz-linear-gradient(right center, rgb(105,102,186) 36%, rgb(76,73,161) 53%, rgb(47,63,128) 76%)
Un Ejemplo
westciv.com/ tiene algo similar, una serie de herramientas que permiten generar los códigos CSS3 de diferentes propiedades:
- Gradientes aunque nos da el código por separado, seleccionamos Webkit o Firefox
- Sombras en textos que es una de las propiedades más difundidas
- Tranforms también nos da los códigos por separado
CSS3 Generator es muy simple de usar y también nos muestra los cambios en modo real y el código correspondiente que podemos copiar y pegar. Contiene herramientas para las propiedades border radius, box y text shadow, colores RGBA, @Font Face, box resize y box sizing, outline, etc.
CSS3 Please genera reglas y muestra los resultados de los cambios de manera dinámica; está bien desarrollado aunque la pagina es bastante oscura:
0 comentarios:
Publicar un comentario