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
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.
CRC-16 maišos skaičiuoklė
Greitai ir lengvai generuokite CRC-16 kontrolines sumas
CSS į LESS Konverteris
Transformuokite savo CSS kodą į LESS naudodami kintamuosius, įdėjimą ir kt. Greita, paprasta ir saugu.
JavaScript Obfuscator
Apsaugokite savo "JavaScript" kodą nuo neteisėtos prieigos ir atvirkštinės inžinerijos naudodami mūsų galingą užmaskavimo įrankį. Paverskite kodą neįskaitomu formatu, išlaikydami visas funkcijas.