📢 Anuncios 📚 Libros 🎓 Cursos 🏷️ Categorías

Creando una caja de luz difuminada con CSS

11-05-2017 - Andrés Cruz

Creando una caja de luz difuminada con CSS

CSS Se explica cómo crear una caja de luz difuminada en fondo y se presentan algunas variantes del experimento.

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


Transformando un botón redondeado de un estado a otro con CSS

02-08-2016 - Andrés Cruz

Transformando un botón redondeado de un estado a otro con CSS

CSS Se explica cómo transformar un botón con HTML, CSS y JavaScript de un estado a otro, este elegante botón redondeado es ideal para mostrar fases de carga.

Continuar leyendo


Creando una sencilla barra de progreso con solo CSS: interactiva y sin JavaScript

17-12-2025 - Andrés Cruz

Creando una sencilla barra de progreso con solo CSS: interactiva y sin JavaScript

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

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


Cómo crear un botón o menú tipo hamburguesa animado con CSS y un poco de HTML

21-12-2025 - Andrés Cruz

Cómo crear un botón o menú tipo hamburguesa animado con CSS y un poco de HTML

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

Continuar leyendo


Estilos radio button CSS: cómo crear radio buttons personalizados y animados sin JavaScript

17-12-2025 - Andrés Cruz

Estilos radio button CSS: cómo crear radio buttons personalizados y animados sin JavaScript

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

Continuar leyendo


Cómo crear una tabla con resaltado en columnas y filas (vertical y horizontal) con CSS y HTML

18-12-2025 - Andrés Cruz

Cómo crear una tabla con resaltado en columnas y filas (vertical y horizontal) con CSS y HTML

CSS En esta entrada veremos cómo crear una tabla sencilla con resaltados (highlight) sobre las celdas seleccionadas horizontal y verticalmente (columnas y filas).

Continuar leyendo


Animando cosas con CSS: Creando una luna

29-10-2015 - Andrés Cruz

Animando cosas con CSS: Creando una luna

CSS En esta entrada veremos cómo crear una Luna la cual estará compuesta por su halo, cráteres, fases y un cielo estrellado.

Continuar leyendo


Animando cosas con CSS: creando Loaders

30-11-2025 - Andrés Cruz

Animando cosas con CSS: creando Loaders

CSS Los loaders son un recurso de los más vistosos y necesarios en cualquier aplicación al momento de realizar una tarea que requiera tiempo; en esta entrada veremos cómo crear un par de loaders.

Continuar leyendo