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
Size
Color
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
Mažiau į CSS Konverteris
Paverskite savo "Less" kodą į CSS. Greita, paprasta ir saugu.
Sass į CSS Konverteris
Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.
Rašiklis į CSS Konverteris
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.
JavaScript gražuolis
Suformatuokite ir pagražinkite savo "JavaScript" kodą profesionaliu tikslumu
Svorio vieneto keitiklis
Tiksliai konvertuokite skirtingus svorio vienetus pagal savo maisto gaminimo, kūno rengybos ir mokslo poreikius
Nuolaidų skaičiuoklė
Apskaičiuokite nuolaidas, pardavimo kainas ir santaupas naudodami mūsų lengvai naudojamą nuolaidų skaičiuoklę.