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
Size
Color
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 Glitch szöveg effektus
Hozzon létre lenyűgöző glitch-effektusokat szövegéhez ezzel az interaktív generátorral. Tökéletes cyberpunkhoz, játékhoz vagy bármilyen olyan dizájnhoz, amelyhez éles, futurisztikus megjelenésre van szükség.
CSS3 átalakítások egyszerű létrehozása
Hatékony, intuitív eszköz összetett CSS3 transzformációk létrehozásához kódírás nélkül. Valós időben vizualizálhatja a változásokat, és másolhatja a generált CSS-t a projektekben való használatra.
SCSS-CSS átalakító
Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.
HTML kódoló eszköz
Kódoljon szöveget HTML-entitásokká egyszerűen közvetlenül a böngészőjében. Tökéletes fejlesztőknek és tartalomkészítőknek.
Decimális szövegből szövegbe
Konvertálja a decimális ábrázolást szöveggé könnyedén
Bináris ASCII-hez
Konvertálja a bináris kódot ASCII karakterekké könnyedén