CSS box-shadow -generaattori

Rakenna CSS laatikko-varjo ilmoitus offsets, sumea, levitä ja väri.

Grafiikka Tietoja ei tallenneta

Pikaopas

Kokeile esimerkkiä

Syötät

Vaakasuora offset (px)
0
Pystysuuntainen offset (px)
4
Suhahdussäde (px)
12
Levitys (px)
0
Heksan väri
#00000033
Varjon sijainti
Outside

Saat

box-shadow: 0px 4px 12px 0px #00000033;
Miten se toimii ja rajat

Syötä pikselien pituudet ja kuusi- tai kahdeksannumeroinen loitsuväri. Negatiivinen leviäminen kutistaa varjoa.