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:
¿Quiere dejar un comentario?
Hay varios métodos posibles.
Uno de ellos es el formulario de comentarios que tan generosamente nos ha regalado Blogger y que funciona sólo de tanto en tanto. Su uso es aconsejable sólo en caso de ser una de esas personas a las que les gustan los retos y los desafíos.
¿No quiere arriesgarse? Haga click para ocultarlo y utilice las otras opciones.
Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...
Los comentarios están siendo moderados y serán publicados a la brevedad.