CSS Box Shadow generaator
Koosta CSS-i box-shadow kood visuaalselt: liugurid nihke, hägususe, leviku, värvi ja läbipaistvuse jaoks, inset-režiim ning kuni neli kihti koos reaalajas eelvaatega.
🔒 Töödeldud täielikult teie brauseris – midagi, mida siia sisestate, ei laadita kunagi üles.
Tulemus
Box-shadow deklaratsioonil on kuus muutuvat osa — X ja Y nihe, hägusus, levik, värv ja valikuline inset-märksõna — ning ainus viis neid õigesti paika saada on neid näha. See generaator asetab iga osa liugurile ja renderdab tulemuse eelvaatekaardile, kui sa lohistad, nii et allolev CSS-i rida on alati täpselt see, mida sa vaatad.
Reaalses maailmas on varjud harva ühekihilised. Kihtide loend võimaldab sul virnastada kuni neli varje ühes deklaratsioonis: kitsas tume joon servade definitsiooniks pluss lai pehme laotus kõrguse muljeks või hele-tume paar, mis määratleb neumorfismi. Vali kiht selle muutmiseks, eemalda need, mida sa ei vaja, ja kombineeritud box-shadow väärtus uueneb reaalajas.
Varjud loevad tumedatel liidestel väga erinevalt, kus must vari peaaegu mustal lehel lihtsalt kaob. Eelvaate taustalüliti vahetab tausta heleda ja tumeda vahel, et saaksid mõlemat teemat enne kasutuselevõttu kontrollida. Eelseadete lehed hõlmavad variante, mida inimesed tegelikult otsivad: pehme kõrguse vari, süvistatud pesa, kahekihilise neumorfismi retsept ja peen kaardi vari.
Nagu iga tööriist sellel saidil, on ka see generaator tasuta ja töötab täielikult sinu veebilehitsejas: pole üleslaadimist, kontot ja see jätkab töötamist võrguühenduseta, kui leht on laadinud.