Luo kauniita CSS-laatikon varjoja vaivattomasti
Luo upeita laatikon varjoja intuitiivisella käyttöliittymällämme. Kopioi CSS-koodi ja käytä sitä projekteissasi välittömästi.
Preview
Otsikkoruutu Varjo
Mukauta minua
CSS-lähtö
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Varjosäätimet
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Pehmeä varjo
Keskivarjo
Raskas varjo
Sisäinen varjo
Terävä diagonaalinen
ääriviiva Hehku
Kaksoisvarjo
Kohonnut tehoste
käyttäminen
Perussäätimien
- Säädävaakasuuntaista siirtymäävarjon siirtämiseksi vasemmalle tai oikealle
- Säädäpystysuuntaista siirtymäävarjon siirtämiseksi ylös tai alas
- Suurennasumennuksen sädettä,jos haluat tehdä varjosta pehmeämmän
- Use Levityksessäde,jos haluat suurentaa tai pienentää varjon
- MuutaColor and Opacityvarjon ulkoasun
Advanced Features
- Enable Upotettu varjosisäisen varjotehosteen
- Use Useita varjojamonimutkaisempiin tehosteisiin
- Tallenna ja lataaPresetsjotta pääset nopeasti käsiksi suosikkivarjoihisi
- Click Random Shadowinspiraatiota
- varten Kopioi luotu CSS-koodi ja liitä se projektiin
Related Tools
CSS3-siirtymägeneraattori
Sujuva peittävyyden siirtyminen
Less CSS-muotoon -muunnin
Muunna Less-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
Sass:sta CSS:ksi muunnin
Muunna Sass-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
Whirlpool Hajautuslaskuri
mukaan Luo Whirlpool-tiivisteitä nopeasti ja helposti
GST-laskuri
Laske tavara- ja palveluvero (GST) helppokäyttöisellä GST-laskurillamme.
SHA3-512 Hajautuslaskuri
Luo SHA3-512-tiivisteitä nopeasti ja helposti