div class="hero"
img src="bg.jpg" alt="" /
/div
.section
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
.section
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
.section
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0 100%);
.hero
position: relative;
min-height: 350px;
.hero img
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 90%);}
.hero:after
content: "";
position: absolute;
left: 0;
bottom: -20%;
z-index: -1;
width: 100%;
height: 100%;
background-color: #4545a0;
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 90%);
const images = document.querySelectorAll("img");
Nesta página do site você pode assistir ao vídeo on-line use case 1 firefox html css javascript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Code - Bard 11 Setembro 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 173 vezes e gostou 23 espectadores. Boa visualização!