Neumorfismi CSS-i vari – kahekihiline kood
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
See leht avab generaatori, millel on juba ehitatud klassikaline neumorfne paar: heleda kihi nihe –8px/-8px peaaegu valges ja tumeda kihi nihe 8px/8px vaigistatud hallikassinises, mõlemad hägused 16px. Mõlema külje eraldi häälestamiseks vahetage kihtide loendis kahe kihi vahel.
Neumorfism (pehme kasutajaliides) on reljeefne stiil, mis saavutas haripunkti 2020. aasta paiku: elemendid näivad pigem taustast välja pressitud kui hõljuvad selle kohal. Ausalt öeldes kaasnevad sellega tõelised kompromissid – efekt toimib ainult siis, kui elemendi taust ühtib lehe taustaga ja madala kontrastsusega servad võivad ligipääsetavust kahjustada – nii et enamik meeskondi kasutab seda nüüd aktsendi, mitte terve kujunduskeelena.
Kui stiil sobib teie projektiga, on see kahekihiline deklaratsioon kanooniliseks lähtepunktiks: kopeerige CSS, määrake elemendiks ja lehe taustaks sama pehme hall ning lisage sobiv piiriraadius. Kõik töötab teie brauseris lokaalselt.