CSS kastes ēnu ģenerators
Veidojiet CSS lodziņa ēnu kodu vizuāli: slīdņi nobīdei, aizmiglošanai, izkliedēšanai, krāsai ar necaurredzamību, ielaiduma režīmu un līdz četriem slāņiem ar reāllaika priekšskatījumu.
Rezultāts
Lodziņa ēnu deklarācijā ir sešas kustīgas daļas — X un Y nobīde, izplūšana, izkliedēšana, krāsa un izvēles ievades atslēgvārds — un vienīgais veids, kā tās pareizi noteikt, ir tās redzēt. Šis ģenerators katru daļu novieto uz slīdņa un atveido rezultātu priekšskatījuma kartītē, velkot, tāpēc CSS līnija apakšā vienmēr ir tieši tā, ko skatāties.
Reālās pasaules ēnas reti ir viens slānis. Slāņu saraksts ļauj vienā deklarācijā sakraut līdz četrām ēnām: stingra tumša līnija malu noteikšanai un plata, mīksta slāņa paaugstināšanai vai gaišā un tumšā pāri, kas nosaka neimorfismu. Atlasiet slāni, lai to rediģētu, noņemiet tos, kas jums nav vajadzīgi, un kombinētā lodziņa ēnas vērtība tiks atjaunināta tiešraidē.
Ēnas ļoti atšķirīgi lasa tumšās saskarnēs, kur melnā ēna uz gandrīz melnas lapas vienkārši pazūd. Priekšskatījuma fona pārslēgs pārslēdz fonu starp gaišu un tumšu, lai pirms piegādes varētu pārbaudīt abus motīvus. Iepriekš iestatītās lapas aptver variantus, ko cilvēki patiesībā meklē: mīksta pacēluma ēna, ieliktnis, divslāņu neimorfisma recepte un smalka kāršu ēna.
Tāpat kā katrs rīks šajā vietnē, ģenerators ir bezmaksas un darbojas tikai jūsu pārlūkprogrammā: nav augšupielādes, nav konta, un tas turpina darboties bezsaistē, tiklīdz lapa ir ielādēta.