Lengvai kurkite gražius CSS dėžutės šešėlius
Sukurkite nuostabius dėžutės šešėlius naudodami mūsų intuityvią sąsają. Nukopijuokite CSS kodą ir nedelsdami naudokite jį savo projektuose.
Preview
Dėžutės šešėlis
Tinkinkite mane
CSS išvestis
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Šešėlio valdikliai
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Minkštas šešėlis
Vidutinis šešėlis
Sunkus šešėlis
Vidinis šešėlis
Aštri įstrižainė
Kontūro švytėjimas
Dvigubas šešėlis
Pakeltas efektas
Kaip naudotis
Pagrindiniai valdikliai
- SureguliuokiteHorizontalus poslinkisNorėdami perkelti šešėlį į kairę arba į dešinę
- SureguliuokiteVertikalus poslinkisNorėdami perkelti šešėlį aukštyn arba žemyn
- PadidinkiteSuliejimo spindulyskad šešėlis būtų minkštesnis
- Use Skleisti spindulį, kad padidintumėte arba sumažintumėte bendrą šešėlio dydį
- PakeiskiteColor and OpacityNorėdami tinkinti šešėlio išvaizdą
Išplėstinės funkcijos
- Enable Intarpo šešėlisVidinio šešėlio efekto kūrimas
- Use Keli šešėliaisudėtingesniems efektams
- Išsaugoti ir įkeltiPresetsNorėdami greitai pasiekti mėgstamus šešėlius
- Click Atsitiktinis šešėlisįkvėpimui
- Nukopijuokite sugeneruotą CSS kodą ir įklijuokite jį į savo projektą
Related Tools
Rašiklis į CSS Konverteris
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.
SCSS į CSS keitiklis
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.
Sass į CSS Konverteris
Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.
Laiko Žymos Konverteris
Lengvai konvertuokite laiko žymas tarp skirtingų formatų
CSS slinkties juostos generatorius
Lengvai tinkinkite savo svetainės slinkties juostas
CSS Minifier
Suspauskite ir optimizuokite savo CSS kodą profesionaliu tikslumu