Online-työkalu CSS Box Shadow Generator

color
color

Luo laatikkovarjosi ominaisuudet saadaksesi CSS-tyylin.

Aseta arvot liukusäätimillä ja värivalitsimella ja katso live-esikatselua, kunnes saavutat halutun tehosteen. Valitse oikealle alas siirto, levitys, sumeus, peittävyys, väri.

Valitse mukautettu väri esikatselun taustalle ja objektillesi.

 

Lisää useita laatikkovarjoja

Verkkoselaimet antavat meille mahdollisuuden lisätä suunnitteluumme useita varjoja, kuten myös tämä verkkotyökalu. Käytä Lisää uusi -painiketta tallentaaksesi nykyisen rivin ja määrittääksesi uuden. 

 

CSS-syntaksi

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Huomautus:  Jos haluat liittää elementtiin useampia varjoja, lisää pilkuilla eroteltu luettelo varjoista (katso "Kokeile itse" -esimerkki alla).