Header with tilted background video - HTML, CSS
Download for member
Download with donation
To reverse the tilt, change like this:
Per invertire l'inclinazione, cambiare così:
clip-path: polygon(
0 0, /* left top */
100% 0, /* right top */
100% 85%, /* right bottom */
0 100% /* left bottom */
);
To move the tilt up, change like this:
Per spostare l'inclinazione in alto, cambiare così:
clip-path: polygon(
0 25%, /* left top */
100% 0, /* right top */
100% 100%, /* right bottom */
0 100% /* left bottom */
);
For different shapes use the Clip-path generator
To center the title, change like this:
Per centrare il titolo, cambiare così:
.wrapper h2 {
position: absolute;
bottom: 10%;
left: 50%;
transform: translate(-50%);
color: #fff;
}