Video: Een schaduw bij een model maken (Photoshop) 2024
Naast tekstschaduwen, geeft CSS 3 je de mogelijkheid om schaduwen toe te voegen aan boxelementen, zoals tags. In de figuur ziet u hoe slagschaduwen werden gebruikt om secties, zoals de zijkant, op deze voorbeeldpagina van de Jelly Rancher-website af te zetten.
Net zoals de tekstschaduw, vertelt de eerste waarde de Safari-browser de horizontale offset, de tweede geeft de verticale offset weer en de derde waarde beschrijft hoe wazig de schaduw zou moeten zijn. Nogmaals, de standaardinstelling is 0 en als u de vervaging niet opgeeft, is de kleur van de schaduw volledig effen.
Hier is de syntaxis voor vakje slagschaduwen voor WebKit-browsers:
-webkit-vak-schaduw: horizontale verticale vervaging kleur;
Een RGBa-kleur geeft u meer controle over het uiterlijk van de schaduw omdat u transparantie kunt toevoegen. Op dezelfde manier creëert het gebruik van de em-meting een schaduw die beter wordt aangepast als de grootte van de tekst verandert.
De volgende stijl voegt een slagschaduw toe aan alle vakelementen op een pagina:
div {-webkit-box-shadow:. 15em. 25em. 5em rgba (27, 27, 27,. 6);}