Dibujar un paralelogramo con CSS
CSS
Publicado el 20 de Septiembre del 2020 por Katas (47 códigos)
4.870 visualizaciones desde el 20 de Septiembre del 2020
Ejemplo de como dibujar un paralelogramo con CSS
Iniciar sesiónCrear cuenta
Crear cuentaCrear cuenta<style>
#paralelogramo1 { width: 150px; height: 100px;transform: skew(20deg);
background: red;}#paralelogramo2 { width: 150px; height: 100px;transform: skew(-20deg);
background: red;}#paralelogramo3 { width: 100px; height: 150px;transform: skew(0,20deg);
background: red;}#paralelogramo4 { width: 100px; height: 150px;transform: skew(0,-20deg);
background: red;}div {margin-bottom:50px;}
</style>
<div id="paralelogramo1"></div>
<div id="paralelogramo2"></div>
<div id="paralelogramo3"></div>
<div id="paralelogramo4"></div>
Comentarios sobre la versión: 1 (0)
No hay comentarios