Vad är CSS box-shadow
box-shadow är en CSS-egenskap som lägger till skugga till HTML-element. En viktig teknologi i webbdesign som möjliggör uttryck av djup och 3D med endast CSS-kod utan bilder.
box-shadow parametrar
box-shadow anges i ordningen 'horisontellt offset vertikalt offset oskärpa spridning färg'. Horisontellt och vertikalt offset är skuggans position, oskärpa är graden av oskärpa vid kanten, spridning är skuggans storlek, och färgen kan anges med RGBA inklusive opacitet.
inset (inre skugga)
Genom att lägga till nyckelordet inset ritas skuggan inuti elementet istället för utanför. Lämpligt för att uttrycka fördjupning i formulärfält eller tryckt tillstånd för knappar.
Lager av flera skuggor
Flera box-shadow kan anges separerade med kommatecken för att lägga skuggor i lager. I neumorfism design kombineras ljusa och mörka skuggor för att skapa tredimensionell textur.