📢 Anuncios 📚 Libros 🎓 Cursos 🏷️ Categorías

Primeros pasos con las Transiciones en CSS, uso de step y ejemplos sobre imágenes

21-12-2025 - Andrés Cruz

Primeros pasos con las Transiciones en CSS, uso de step y ejemplos sobre imágenes

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

Continuar leyendo


¿Cómo poner el Footer a la parte inferior/abajo de la pantalla con solo CSS?

21-12-2025 - Andrés Cruz

¿Cómo poner el Footer a la parte inferior/abajo de la pantalla con solo CSS?

CSS Veremos dos formas en las cuales, podemos anclar el Footer a la parte inferior de la pantalla con solo CSS, dos soluciones para adaptar a tus necesidades, consideraciones y tips.

Continuar leyendo


El filtro invert (invertir) en CSS y alguno de sus posibles usos

20-12-2025 - Andrés Cruz

El filtro invert (invertir) en CSS y alguno de sus posibles usos

CSS Se explica cómo emplear el filtro invert de CSS en imágenes, hacemos varios ejemplos con el filtro invert de CSS3 junto con el hover, transiciones, y un ejemplo completo, el filtro invert invierte los colores de las imágenes.

Continuar leyendo


Scrolling horizontal con puro CSS y JavaScript

20-12-2025 - Andrés Cruz

Scrolling horizontal con puro CSS y JavaScript

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

Continuar leyendo


Habilitar el Dark Mode o modo oscuro en Tailwind + Laravel y Vue - 2 FORMAS

20-12-2025 - Andrés Cruz

CSS Veremos las dos formas de habilitar el modo oscuro, por el archivo tailwind.config y por selección mediante la clase dark y te muestro unos sencillos pasos para emplear el modo oscuro en Tailwind 4 y también en Laravel Livewire.

Continuar leyendo


Creando reflejos en nuestras imágenes con webkit-box-reflect

20-12-2025 - Andrés Cruz

Creando reflejos en nuestras imágenes con webkit-box-reflect

CSS 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

Continuar leyendo


La propiedad position: Entendiendo los posicionamientos en CSS

19-12-2025 - Andrés Cruz

La propiedad position: Entendiendo los posicionamientos en CSS

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

Continuar leyendo


Como funcionan las animaciones en CSS y HTML

19-12-2025 - Andrés Cruz

Como funcionan las animaciones en CSS y HTML

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

Continuar leyendo


image-rendering: ¿Cómo mostrar imágenes pixeladas (Pixel art) con CSS3?

19-12-2025 - Andrés Cruz

image-rendering: ¿Cómo mostrar imágenes pixeladas (Pixel art) con CSS3?

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

Continuar leyendo


La propiedad border-radius en CSS: Bordes redondeados en imágenes, tablas, botones, inputs y más

18-12-2025 - Andrés Cruz

La propiedad border-radius en CSS: Bordes redondeados en imágenes, tablas, botones, inputs y más

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

Continuar leyendo