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.

Se explica cómo crear un reflejo de una imagen con la propiedad webkit-box-reflect, además de su sintaxis básica que permite cambiar la posición, desplazamiento y hasta la posibilidad de aplicar máscaras para crear reflejos

Aprende cómo crear un scrolling horizontal con CSS paso a paso, sin/con JavaScript. Ejemplos reales, flexbox, overflow y scroll-snap explicados.

Explicaremos cada uno de los tipos de posicionamiento que actualmente existen en el CSS y daremos algunos ejemplos prácticos de los mismo para entenderlos adecuadamente.

En esta entrada veremos comos mostrar imágenes pixeladas mediante la propiedad image-renderin en conjunto con su valor pixelated; también hablaremos posibles casos de usos de esta propiedad y otros valores de la misma.

Enseñaremos como crear bordes redondeados con solo CSS, es decir, sin emplear imágenes en el proceso empleando la propiedad border-radius de CSS3.

La propiedad clip-path de CSS permite especificar regiones de cualquiera de los elementos existentes en HTML a través de formas geométricas.

Esta propiedad es la forma abreviada para establecer las demás propiedades relacionadas incluyendo aquellas relacionadas con el color e imagenes de fondo de un elemento; es decir, aquellas cuyo prefijo es background-.

En esta entrada explicaremos como crear contenedores con flechas o contenedores con una una bifurcación que le colocamos en el mismo, adicionalmente, vemos como podemos crear flechas usando códigos HTML.

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.