Készítsen gyönyörű CSS dobozárnyékokat könnyedén
Hozzon létre lenyűgöző dobozárnyékokat intuitív kezelőfelületünkkel. Másolja ki a CSS-kódot, és azonnal használja projektjeiben.
Preview
Doboz árnyék
Testreszabás
CSS kimenet
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Árnyék vezérlők
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Lágy árnyék
Közepes árnyék
Nehéz árnyék
Belső árnyék
Éles átló
Körvonal ragyogása
Dupla árnyék
Emelt hatás
Hogyan kell használni
Alapvető vezérlők
- Állítsa be aVízszintes eltolásAz árnyék mozgatása balra vagy jobbra
- Állítsa be aFüggőleges eltolásAz árnyék felfelé vagy lefelé mozgatása
- Növelje aÉletlenítési sugáraz árnyék lágyabbá tétele érdekében
- Use Szórási sugáraz árnyék teljes méretének növelése vagy csökkentése
- Módosítsa aColor and OpacityAz árnyék megjelenésének testreszabása
Speciális funkciók
- Enable Beillesztett árnyékBelső árnyékhatás létrehozása
- Use Több árnyékösszetettebb hatásokért
- Mentés és betöltésPresetsa kedvenc árnyékok gyors eléréséhez
- Click Véletlenszerű árnyékInspirációért
- Másolja ki a generált CSS-kódot, és illessze be a projektbe
Related Tools
CSS szépítő
Formázza és szépítse CSS-kódját professzionális pontossággal
Ceruza a CSS átalakítóhoz
Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.
SCSS-CSS átalakító
Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.
Pantone-ról RGB-re
Konvertálja a Pantone színeket RGB értékekké a digitális tervezéshez
Konvertálja az XML-t JSON-ba könnyedén
XML-adatait egyetlen kattintással strukturált JSON formátumba alakíthatja. Gyors, biztonságos és teljesen böngészőalapú.
Százalékos Kalkulátor
Könnyen kiszámíthatja a százalékokat intuitív százalékkalkulátorunkkal.