Generador de CSS3 automático

Con la aparición de CSS3 (Cascading Style Sheets u hojas de estilo en cascada, en su versión 3) los navegadores soportan cada vez más funciones avanzadas. Lo que antes requería trucos o múltiples imágenes para conseguirse, ahora puede hacerse con un poco de código CSS3.

La mejor forma para iniciarse en CSS 3 es utilizar un generador de CSS3 que escriba el código automáticamente por nosotros a partir de algunas opciones sencillas de configuración.

Personalmente, recomendaría este generador de código CSS3, por lo completo y sencillo de usar que es.

¿Qué efectos pueden crearse con el generador de CSS3?

Utilizando código CSS3 pueden crearse efectos como:

  • Esquinas redondeadas.
  • Sombreado de texto o de bordes.
  • Colores en RGB.
  • Textos de múltiples columnas.
  • Bordes exteriores.
  • Degradados de color.
  • etc.

Y todo ello utilizando unas pocas líneas de CSS3, sin necesidad de imágenes adicionales, con las ventajas que todo ello supone para modificar la apariencia de un sitio web sin más que reescribir un par de líneas de código.

¿Qué navegadores soportan CSS3?

Aunque CSS3 es el futuro y será el estándar que todo el mundo utilice en el futuro, por ahora, sólo unos pocos navegadores soportan las funciones de CSS3.

En realidad, depende de la función de CSS3, pero en general se puede afirmar que Chrome 4.0 y que Firefox 3.5 (o superiores) soportan prácticamente todas las funciones actuales de CSS3.

Opera 10.5 y Safari 10.1 son navegadores que soportan prácticamente todas las funciones actuales de CSS3 también.

Por último, Internet Explorer 9 tiene un soporte bastante limitado de CSS3. Así que Internet Explorer es el principal obstáculo para empezar a utilizar CSS3, ya que sólo permite esquinas redondeadas en CSS3 y la especificación de familias tipográficas.

Afortunadamente, el generador de CSS3 nos avisará de en qué navegadores funcionará el código CSS3 que se genere, siendo de gran ayuda para garantizar la compatibilidad entre navegadores del CSS.