CSS3 provee nuevas propiedades para crear efectos visuales y dinámicos que son parte esencial de la web.
A continuación se citan algunas de ellas:
- border-radius. Genera esquinas redondeadas para la caja formada por el elemento.
- box-shadow. Crea sombras para la caja formada por el elemento.
- text-shadow Esta propiedad es similar a box-shadow pero específica para textos.
- @font-face Esta regla nos permite cargar y usar cualquier fuente que necesitemos.
- linear-gradient (posición inicio, color inicial, color final) Esta función puede ser aplicada a las propiedades background o background-image para generar un gradiente lineal.
- radial-gradient (posición inicio, forma, color inicial, color final) Esta función puede ser aplicada a las propiedades background o background-image para generar un gradiente radial.
- rgba() Esta función es una mejora de rgb().
- hsla() Esta función es una mejora de hsl().
- outline Esta propiedad fue mejorada con la incorporación de otra propiedad llamada outline-offset. Ambas propiedades combinadas generan un segundo borde alejado del borde original del elemento (por ejemplo, outline: 1px solid #000000; outline-offset: 10px;).
- border-image Esta propiedad crea un borde con una imagen personalizada.
- transform Esta propiedad modifica la forma de un elemento.
- translate Mueve el objeto tantos pixeles como sean especificados por sus parámetros
- transition Esta propiedad puede ser aplicada para crear una transición entre dos estados de un elemento.