Las transiciones son pasos de estados de forma progresiva y suave y muy vistosos; con CSS podemos alterar el tamaño, espaciado, color, bordes, opacity y en resumen cualquier propiedad con su valor asignado que aplique una forma o estilo a un elemento y uso sobre steps() que permite controlar el movimiento de las animaciones indicando el número de "frame" o saltos que queremos que conste una animación o transición.

Aprende diseño de botones en HTML y CSS con ejemplos reales, animaciones CSS y efectos hover sin JavaScript. Guía práctica y reutilizable.

Se explica cómo crear un botones de tipo hamburguesa animado con CSS, HTML y una simple función de JavaScript, los botones se convierten una vez clickeados en flechas y/o X según sea el caso.

Aprende cómo funcionan las animaciones en CSS: qué son los @keyframes, cómo animar elementos y en qué se diferencian de las transiciones conoce algunas herramientas como la que nos ofrece Google Chrome, curvas de béziers, para practicas las animaciones.

Aprende cómo crear una barra de progreso con solo CSS, interactiva y sin JavaScript. Ejemplo práctico paso a paso usando radio buttons y selectores CSS.

Aprende a crear estilos radio button CSS personalizados y animados sin JavaScript. Usa :checked, transiciones y un indicador visual moderno.

La propiedad perspective agrega un efecto tridimensional afectando la distancia que hay entre un observador y las figuras en el plano a través de una variación en el eje Z; en otras palabras, permite acercar/alejar figuras en el plano.

En este artículo explicaremos en base a un ejemplo cómo crear múltiples fondos anidados animándolos con un poco de CSS3y también veremos cómo crear un fondo vivo con CSS para ser aplicados en una página web.

Aprende a aplicar rotaciones con CSS3 en 2D y 3D: rotate(), rotateX(), rotateY(), flip cards, loaders animados y técnicas para girar fondos con pseudoelementos. Guía práctica y ejemplos.

Aprende a usar la Progress Bar HTML5 con <progress>, estilos CSS, animaciones, JavaScript y ejemplos reales, incluido cómo aplicarla en formularios paso a paso y es empleada para indicar el estado de terminación de una tarea.