Blog

CSS Aprende a crear una galería de imágenes responsive con HTML y CSS puro. Tutorial paso a paso sin JavaScript para un sitio web rápido, ligero y adaptable a móviles

CSS El selector o pseudo-class :empty permite seleccionar elementos con contenido vacío y aplicar un estilo a los mismos, para el selector el uso de :before, y/o :after no son contenido pero sí lo son hijos/nodos comentarios etc.

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

CSS Aprende cómo funcionan las animaciones en CSS paso a paso: qué son los @keyframes, cómo animar elementos HTML, diferencias clave con las transiciones CSS y cómo usar las curvas de Bézier en Google Chrome para practicar.

CSS Guía completa de background-clip en CSS: explicación sencilla, valores, compatibilidad y ejemplos reales paso a paso. La propiedad background-clip permite especificar si el fondo (compuesto por un color y/o imagen) se debe mostrar detrás de su borde.

CSS El selector de la pseudo-class :checked representa (permite seleccionar) a cualquier elemento HTML radio, checkbox u option y aplicar un estilo o lógica cuando se encuentra seleccionado.

CSS Aprende a usar object-fit en CSS para ajustar imágenes a su contenedor sin distorsionarlas. Ejemplos de fill, contain, cover, none y scale-down.

CSS 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.

CSS Calc es una función disponible en CSS3 que permite realizar operaciones matemáticas desde el propio CSS; las operaciones de sumar ( + ), restar ( - ), multiplicar ( * ) y división ( / ) son soportadas a través de la función calc.

CSS Aprende qué es la pseudo-class :target en CSS, cómo funciona y cuándo usarla. Ejemplos prácticos, animaciones, transiciones y modales sin JavaScript.