Las novedades que incorpora CSS3 cada vez están mejor soportadas por los navegadores actuales, que están avanzando mucho en los últimos meses para dar soporte a las últimas tecnologías. Al final resulta un poco complicado recordar todos los selectores CSS, los atributos, la sintaxis de todas las opciones… pero para eso tenemos servicios como CSS3 Generator, de Eric Hoffman y Peter Funk.
En esta web, podemos configurar de forma muy gráfica y sencilla algunas de las nuevas opciones que nos permite CSS3:
- Bordes redondeados.
- Sombras en las cajas.
- Gradientes de color como fondos.
- Opacidad.
En todos los casos podemos ir viendo una previsualización en el lado derecho, y también podemos pulsar sobre el botón [+] para configurar en más detalle las opciones de cada propiedad. Por ejemplo, si ampliamos la opción de las sombras, podremos configurar rápidamente si es una sombra interior o exterior, el radio de desenfoque, el color, el desplazamiento…
Una vez configuradas todas las opciones, bastará con pulsar sobre el botón de “Get the Code!” para que nos muestre una ventanita con el código CSS para copiarlo y pegarlo en nuestra hoja de estilos.
Por supuesto, este generador no hace magia y hay que recordar que algunos navegadores tienen un soporte bastante malo a CSS3 (por ejemplo Internet Explorer 7 y 8), y por tanto no renderizará correctamente algunas propiedades.
Enlace:
Deja tu comentario