Clipping

index creiamo div

<body>

<div id=”bg”></div>

</body>

 

style.css

body >#bg {
height: 100%;
width: 100%;
background-color: blueviolet;

clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);

position:absolute;

z-index: -1;

}
vado su https://bennettfeely.com/clippy/
creo forma geometrica che andrà a sovrapporsi clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *