Video: Tips 9: legge til tekst i photoshop. 2024
I tillegg til tekstskygger gir CSS 3 deg muligheten til å legge til skygger i bokselementer, for eksempel tagger. På figuren ser du hvordan dropshadows ble brukt til å avbryte seksjoner, for eksempel bortsett, i denne eksempelsiden på nettstedet for Jelly Rancher.
På samme måte som tekstskyggen, forteller den første verdien Safari-nettleseren den horisontale forskyvningen, den andre representerer den vertikale forskyvningen, og den tredje verdien beskriver hvordan uskarpt skyggen skal være. Igjen er standard 0, og hvis du ikke angir uskarphet, er skyggen fargen helt solid.
Her er syntaksen for boksfallsskygger for WebKit-nettlesere:
-webkit-boks-skygge: horisontal vertikal uskarphet;
En RGBa-farge gir deg større kontroll over skyggenes utseende fordi du kan legge til gjennomsiktighet. På samme måte, ved å bruke em-måling, opprettes en skygge som justerer seg bedre hvis størrelsen på teksten endres.
Følgende stil legger til en dråpeskygge på alle bokselementene på en side:
div {-webkit-box-shadow:. 15em. 25em. 5em rgba (27, 27, 27, 6);}