Construyendo una cuadrícula hexagonal usando una cuadrícula CSS

 

 

 

Pienso en las cuadrículas como disposiciones de rectángulos con líneas verticales y horizontales atravesándolas. Y lo son, pero eso no significa que todavía no podamos hacer cosas inteligentes sobre cómo colocamos las cosas en esas cuadrículas y qué hacemos con los elementos después.

En esta demostración de Jesse Breneman, se crea una cuadrícula de hexágonos configurando las columnas de la cuadrícula con matemáticas de modo que cada bloque pueda abarcar tres columnas y dos filas, de modo que los bloques se superpongan de una manera que permita clip-pathaplicar una alrededor de ellos. Esto talla un bloque en un hexágono que está espaciado uniformemente con los demás. Muy inteligente.

Y ja, ese es un nombre de dominio increíble, Jesse. Personalmente, no sé nada sobre blogs sobre CSS en un nombre de dominio súper cursi.

 

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. ¿Cómo se hace el tamaño máximo de fuente en CSS?
  2. Cambiar el tamaño de los valores en pasos en CSS
  3. ¿Qué hace “revertir” en CSS?
  4. CSS4 es una mala idea

Construyendo una cuadrícula hexagonal usando una cuadrícula CSS

Construyendo una cuadrícula hexagonal usando una cuadrícula CSS

Pienso en las cuadrículas como disposiciones de rectángulos con líneas verticales y horizontales atravesándolas. Y lo son, pero eso no significa que todav�

programar

es

https://pseint.es/static/images/programar-construyendo-una-cuadricula-hexagonal-usando-una-cuadricula-css-1554-0.jpg

2024-06-13

 

Construyendo una cuadrícula hexagonal usando una cuadrícula CSS
Construyendo una cuadrícula hexagonal usando una cuadrícula CSS

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences