Columnas de texto
Opacidad, transparencia, canales Alpha, contraste, saturación y brillo
Animaciones de transición y transformación
Bordes redondeados
Reflexiones, gradientes y sombras
17
iguales con ciertos atributos diferentes en HTML. Y esto es muy compatible desde IE8.
Columnas de texto
¿ Sabes cómo se hacía antes que varios párrafos de texto se dividiesen en columnas con HTML? No se podía. Ahora sólo requieres un atributo CSS para lograrlo. Y puedes controlar la cantidad de columnas, el espacio entre ellas, líneas de separación, etc.
Opacidad, transparencia, canales Alpha, contraste, saturación y brillo
Auto descriptivo. Vuelve lo que quieras transparente u opaco con una instrucción. Imágenes, textos, sombras, bordes, lo que sea. O si quieres convertir una foto en blanco y negro o sepia, lo puedes hacer con sólo CSS.
Animaciones de transición y transformación
Las animaciones que antes lograbas con jQuery o Javascript ahora pueden ser logrados sólo con CSS1. Con una ventaja adicional, al hacerlo con CSS, las animaciones vendrán aceleradas por hardware. Mucho más veloces, sobre todo en dispositivos móviles.
Bordes redondeados
Sí. Con una instrucción2 puedes hacer que cualquier caja tenga bordes redondeados3 como quieras. Olvídate de crear múltiples divs, cortar pngs y otros temas arcaicos.
Reflexiones, gradientes y sombras
Si no has superado la web 2.0, puedes poner reflexiones a cualquier elemento HTML. Pero lo interesante es crear gradientes para fondos y sombras para cajas o texto, todo en una sola línea de código y con el mismo nivel de complejidad que logras con una sombra en Photoshop o Fireworks.
17