Con la popularidad creciente del uso de hojas de estilo en cascada, también ha aumentado la necesidad de expandir las funcionalidades para realizar tareas más complejas. El estándar actual es dictado por el W3C, organismo que maneja las especificaciones del código CSS, siendo el de nivel 2 el más usado por ahora (CSS2). Los nuevos navegadores ya se encuentran en el proceso de adopción e implementación de CSS3, que ofrece escalabilidad y mayor facilidad de manejo en los elementos, así como adición de nuevos efectos. En CSS3 Preview hay una sección dedicada a mostrar ejemplos usando el nuevo modelo de hojas de estilo. Si eres usuario de Internet Explorer (cualquier versión) es posible que experimentes dificultad para visualizar la página debido a la incompatibilidad del navegador con especificaciones del código. Un ejemplo simple y bueno estéticamente es esta caja rodeada de una “sombra degradada”. Así es como debería lucir
El código necesario para implementar el ejemplo es: border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
padding: 5px 5px 5px 15px;
Puedes encontrar más información sobre CSS3 en el sitio de la W3C en donde se puede ver el avance y el estado actual del proceso de implementación. Sugerencia: No uses Internet Explorer, es un navegador que no interpreta bien el código, no sigue los estándares Web y por lo visto no lo hará, así que puedes optar por mejores alternativas como Firefox, Opera o Flock.
En Technorati: CSS3, Firefox, CSS
