Mis on CSS box-shadow
box-shadow on CSS-i omadus, mis lisab HTML-elementidele varje. See on oluline veebidisaini tehnika, mis suudab väljendada sügavust ja mõõtmeid ainult CSS-koodi abil, ilma piltideta.
box-shadow parameetrid
box-shadow määratakse järjekorras 'horisontaalne-nihe vertikaalne-nihe hägusus hajutamine värv'. Horisontaalsed ja vertikaalsed nihked määravad varju asukoha, hägusus kontrollib serva pehmust, hajutamine kontrollib varju suurust ja värvi saab määrata **RGBA**-ga, sealhulgas läbipaistvusega.
inset (Sisemine vari)
Märksõna **inset** lisamine joonistab varju elemendi sisse, mitte väljapoole. Sobib sissevajutatud vormisisendite või vajutatud nupu olekute väljendamiseks.
Mitu varju kihistamine
Varjude kihistamiseks saab määrata mitu **box-shadows** komaga eraldatuna. **Neumorphism** disain kombineerib heledaid ja tumedaid varje, et väljendada kolmemõõtmelist tekstuuri.