CSS Box Shadow Generátor
Készíts CSS box-shadow kódot vizuálisan: csúszkák az eltoláshoz, elmosáshoz, szórási mérethez, színhez átlátszósággal, belső árnyék mód és akár négy réteg élő előnézettel.
🔒 Teljesen a böngészőjében dolgozzák fel – soha semmi, amit itt beírt, nem kerül feltöltésre.
Eredmény
Egy box-shadow deklarációnak hat mozgó alkatrésze van – X és Y eltolás, elmosás, szórás, szín és az opcionális belső árnyék kulcsszó –, és csak úgy lehet őket helyesen beállítani, ha látod is őket. Ez a generátor minden alkatrészt egy-egy csúszkára bíz, és az eredményt egy előnézeti kártyán jeleníti meg, ahogy húzod őket, így a CSS-sor alul mindig pontosan azt tükrözi, amit látsz.
A valós árnyékok ritkán egyrétegűek. A réteglista segítségével akár négy árnyékot is egymásra halmozhatsz egyetlen deklarációban: egy szűk, sötét vonalat az élhatározottságért, valamint egy széles, lágy elmosást a kiemelkedésért, vagy a neumorfizmust meghatározó világos-sötét párt. Válassz ki egy réteget a szerkesztéshez, távolítsd el, amelyikre nincs szükséged, és a kombinált box-shadow érték élőben frissül.
Az árnyékok nagyon eltérően mutatnak sötét felületeken, ahol egy fekete árnyék a szinte fekete oldalon egyszerűen eltűnik. Az előnézeti háttérkapcsoló világos és sötét között váltja a hátteret, így mindkét témát ellenőrizheted élesítés előtt. Az előre beállított oldalak azokat a változatokat fedik le, amelyeket az emberek valóban keresnek: egy lágy kiemelkedési árnyékot, egy belső mélyedést, a kétrétegű neumorfizmus receptjét és egy finom kártyaárnyékot.
Mint az oldal minden eszköze, ez a generátor is ingyenes, és teljes egészében a böngésződben fut: nincs feltöltés, nincs fiók, és az oldal betöltése után offline is működik.