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
Rašiklis į CSS Konverteris
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.
CSS3 perėjimo generatorius
Sklandus neskaidrumo perėjimas
Sass į CSS Konverteris
Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.
Romėniški skaitmenys į skaičių keitiklį
Konvertuokite romėniškus skaitmenis į jų skaitinius ekvivalentus su nuosekliu paaiškinimu
Be vargo konvertuokite TSV į JSON
Transformuokite savo TSV duomenis į struktūrizuotą JSON formatą vienu spustelėjimu. Greitas, saugus ir visiškai pagrįstas naršykle.
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.