Seamos sinceros, CSS3 es maravilloso y espectacular, pero (siempre hay un pero), aun en el año 2012 usar cualquiera de las propiedades puede resultar un dolor de cabeza. La culpa la tienen las empresas que pujan por estas tecnologías,Mozilla, Microsoft, Apple y claro la falta de definición del estándar.
Por lo tanto para que una propiedad CSS3 pueda ser aplicada en todos los navegadores tenemos que anteponer un prefijo: -moz para Firefox, -webkit para Chrome y Safari y finalmente la propiedad que se supone es el estándar. Tal vez una propiedad no resulta molesto, pero si tienes que hacer uso de múltiples propiedades el caos comienza.
Para solventar estos problemas una de soluciones puede ser el uso de Pre-procesadores CSS como Less o Stylus; Otra solución es el uso de generadores de código. Los generadores de código son de gran ayuda para usar de manera rápida las propiedades CSS3 y CSS3 Generator es una de ellas.
Esta herramienta nos permite crear bordes redondeados, sombras, degradados y opacidad, siendo estas propiedades las más usadas. La herramienta es enteramente visual, por lo tanto solo basta mover los valores e ir observando los resultados. Una vez logremos el resultado que queramos copiamos el código que se nos genera y listo estarás logrando efectos CSS3 rápidamente.
Visita CSS Generator
