Het eenvoudigste blok is het blok wat uit 1 kolom tekst bestaat. Mooi om te combineren met andere blokken, ook heel goed te gebruiken voor pagina's voor privacy, leveringsvoorwaarden en dergelijke.
De accenten zijn gemaakt met de PostDropper Gradiënt tool.
We hebben het blok de class 'corners' gegevens en vervolgens in de custom CSS de aanpassingen gemaakt voor deze class, zodat hij voor elk blok geldt met de class 'corners'
We kennen natuurlijk allemaal wel de standaard gradiënts met een kleurverloop van de ene kleur naar de andere kleur. In onze gradiënt tool kunnen we echter achtergronden maken, die ronduit spectaculair zijn. Dat komt door de manier waarop we gradiënts met elkaar combineren, Probeer het eens uit, en ontdek zelf de verrassende mogelijkheden! Onderstaand vind je de CSS voor deze blokken:
section.corners .col1 {
padding: 35px;
min-height: 200px;
background-image: linear-gradient(95deg, rgba(140,66,128,0.99) 3%,rgba(0,0,0,0) 3%),linear-gradient(178deg, rgba(140,66,128,0.98) 5%,rgba(0,0,0,0) 5%),linear-gradient(275deg, rgba(5,98,145,1) 3%,rgba(0,0,0,0) 3%),linear-gradient(358deg, rgba(5,98,145,1) 5%,rgba(0,0,0,0) 5%),linear-gradient(104deg, rgba(255,255,255,0) 45%);
}