CSS Box Shadow Generator
Looge visuaalselt CSS-i kastivarju koodi: liugurid nihkeks, häguseks, hajutamiseks, läbipaistmatusega värvimiseks, sisestusrežiim ja kuni neli kihti koos reaalajas eelvaatega.
Tulemus
Kastivarju deklaratsioonil on kuus liikuvat osa – X ja Y nihe, hägusus, hajutamine, värv ja valikuline sisestusmärksõna – ning ainus viis nende õigeks muutmiseks on neid näha. See generaator paneb iga osa liugurile ja renderdab tulemuse lohistades eelvaatekaardil, nii et allosas olev CSS-rida on alati täpselt see, mida vaatate.
Reaalse maailma varjud on harva ühekihilised. Kihtide loend võimaldab teil ühte deklaratsiooni virnastada kuni neli varju: tihe tume joon serva määratlemiseks ja lai pehme joon kõrguse jaoks või hele-tume paar, mis määratleb neumorfismi. Valige redigeerimiseks kiht, eemaldage need, mida te ei vaja, ja kombineeritud kasti-varju väärtust värskendatakse.
Varjud loetakse väga erinevalt tumedatel liidestel, kus peaaegu mustal lehel must vari lihtsalt kaob. Tausta eelvaate lüliti lülitab tausta heleda ja tumeda vahel, et saaksite enne tarnimist mõlemat teemat kontrollida. Eelseadistatud leheküljed hõlmavad variante, mida inimesed tegelikult otsivad: pehme kõrgusvari, sisestuskaev, kahekihiline neumorfismi retsept ja peen kaardivari.
Nagu kõik sellel saidil olevad tööriistad, on generaator tasuta ja töötab täielikult teie brauseris: pole üleslaadimist ega kontot ning see töötab pärast lehe laadimist võrguühenduseta.