Dibujar un hexagono con CSS![gráfica de visualizaciones gráfica de visualizaciones](/img/img.png?11.51)
CSS
Publicado el 20 de Septiembre del 2020 por Katas (47 códigos)
3.386 visualizaciones desde el 20 de Septiembre del 2020
Ejemplo de como dibujar un hexagono con CSS.
Aquí se muestran dos versiones de como hacer el hexagono:
Versión 1
Se utiliza un ractangulo para el medio, en :before y :after se crea una pirámide o triangulo
Versión 2
Se utilizan dos formas trapezoidales opuestas, la segunda forma esta en el :after
![hexagon-en-CSS](/usr/351000/351170/5f673e24bf555-hexagon-en-CSS.png)
Aquí se muestran dos versiones de como hacer el hexagono:
Versión 1
Se utiliza un ractangulo para el medio, en :before y :after se crea una pirámide o triangulo
Versión 2
Se utilizan dos formas trapezoidales opuestas, la segunda forma esta en el :after
![hexagon-en-CSS](/usr/351000/351170/5f673e24bf555-hexagon-en-CSS.png)
Comentarios sobre la versión: 2 (0)
No hay comentarios