Labs · 001 · En directo

Chronographe,
en tiempo real.

Nuestros estudios de relojes en CSS hechos a mano, reconstruidos como un instrumento WebGL con iluminación física. Marca tu hora local. Arrástralo para girarlo; pulsa los pulsadores para cronometrar algo.

Cronógrafo00:00.0

Código y arte

El archivo.

El arte con código une la elegancia de la programación con la fuerza expresiva de la estética visual. Encuentra más en Figma y CodePen.

Nuevo · Antes y ahora Ocho de estas piezas, rehechas en 2026: en HTML y CSS, y en 3D. Míralas una al lado de otra.

Globo en CSS

Animación de un globo que flota en bucle.

2025

Primera letra en CSS

Fondo animado a partir de una primera letra.

2021

Cara en CSS

Ilustración de una cara en cuadrícula, en HTML y CSS puros.

2019

Animación Undraw

Animación de un cohete en SVG.

2018

CSS Sucks

Animación de texto elástico y multicolor.

2018

Pantallas móviles elásticas

Haz que tus capturas móviles destaquen.

2018

Títulos de terror animados

Secuencias de títulos de película de terror en CSS.

2018

Nuevas funciones de CSS

Las funciones de CSS de 2019, presentadas como una interfaz.

2018

Pick de CodePen

Barras de desplazamiento y cajas

Olvídate del layout. Tenemos esto (otra vez).

2018

Pick de CodePen

CSS is Awesome

Animación de texto del famoso meme.

2018

Pick de CodePen

Intro con vuelo

Animación en bucle de una intro de película.

2018

Pick de CodePen

Intro de cine

Tipografía cinematográfica animada.

2018

Pick de CodePen

Reloj de pie

Escena responsive en HTML, CSS, SVG y emoji.

2018

Pick de CodePen

Checkbox zombi

Una casilla convertida en apocalipsis.

2018

Reto del formulario de las tortugas

Un formulario sencillo con mucho estilo.

2018

Cronógrafo, platino

Reloj cronógrafo de platino que funciona, en HTML y CSS.

2018

Cronógrafo, oro blanco

Reloj cronógrafo de oro blanco que funciona, en HTML y CSS.

2018

Cronógrafo, oro rosa

Reloj cronógrafo de oro que funciona, en HTML y CSS.

2018

“

¿El primer dibujante de cómics en CSS?

Editores de CodePen ↗“

Just a few of our favorite Pens from this week.

Editores de CodePen ↗

Piezas del cronógrafo, platino

Todas las piezas del cronógrafo de platino, desplegadas.

2018

Piezas del cronógrafo, oro blanco

Todas las piezas del cronógrafo de oro blanco, desplegadas.

2018

Piezas del cronógrafo, oro rosa

Todas las piezas del cronógrafo de oro, desplegadas.

2018

Game & Watch en CSS

Ilustración responsive de una consola portátil clásica.

2012

R2-D2 en CSS

Ilustración de un robot en HTML y CSS.

2012