The Cicada Principle, revisited with CSS variables

Lea Verou desenterró el clásico truco de CSS y lo aplicó para recortar los fondos de algunos bloques de código:

La idea principal es simple: escribe su regla principal usando variables CSS y luego usa :nth-of-*()reglas para establecer estas variables en algo diferente cada N elementos. Si utiliza suficientes variables y elige sus N para que sean números primos, obtendrá una buena apariencia de pseudoaleatoriedad con N relativamente pequeñas.

La actualización del truco es que no actualiza todo el bloque de código para cada uno de los selectores, es solo una parte del trazado de recorte que se actualiza a través de una propiedad personalizada.

La publicación de Lea tiene más trucos usando los mismos conceptos.

Enlace directo →