CSS Box Shadow Ģenerators
Veidojiet CSS box-shadow kodu vizuāli: slīdņi nobīdei, izplūdumam, izplešanai, krāsai ar caurspīdīgumu, iekšējās ēnas režīms un līdz četriem slāņiem ar dzīvo priekšskatījumu.
🔒 Pilnībā apstrādāts jūsu pārlūkprogrammā — nekas, ko jūs šeit ievadāt, nekad netiek augšupielādēts.
Rezultāts
box-shadow deklarācijai ir sešas mainīgās daļas — X un Y nobīde, izplūdums, izplešanās, krāsa un neobligātais iekšējās ēnas atslēgvārds — un vienīgais veids, kā tās pareizi iestatīt, ir tās redzēt. Šis ģenerators katru daļu novieto uz slīdņa un atveido rezultātu priekšskatījuma kartītē, kamēr jūs velkat, tāpēc CSS rinda apakšā vienmēr ir tieši tas, ko jūs redzat.
Reālās pasaules ēnas reti ir viena slāņa. Slāņu saraksts ļauj vienā deklarācijā sakraut līdz četrām ēnām: šauru tumšu līniju malu definīcijai un plašu maigu nomazgājumu pacēlumam, vai gaišo un tumšo pāri, kas definē neumorfismu. Atlasiet slāni, lai to rediģētu, noņemiet tos, kas nav nepieciešami, un apvienotā box-shadow vērtība atjaunojas dzīvajā.
Ēnas ļoti atšķirīgi izskatās uz tumšām saskarnēm, kur melna ēna uz gandrīz melnas lapas vienkārši pazūd. Priekšskatījuma fona pārslēgs maina fonu starp gaišu un tumšu, lai jūs varētu pārbaudīt abas tēmas pirms publicēšanas. Priekšiestatījumu lapas aptver variantus, ko cilvēki faktiski meklē: maigu pacēluma ēnu, iekšējo iedobi, divu slāņu neumorfisma recepti un smalku karšu ēnu.
Tāpat kā visi šīs vietnes rīki, ģenerators ir bezmaksas un pilnībā darbojas jūsu pārlūkā: nav augšupielādes, nav konta, un tas turpina darboties bezsaistē, kad lapa ir ielādēta.