0

Neimorfisma CSS ēna — divu slāņu kods

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.

0px
4px
12px
0px
0.25
Notiek apstrāde... 0%

Rezultāts

Šajā lapā tiek atvērts ģenerators ar jau izveidoto klasisko neimorfo pāri: gaišā slāņa nobīde –8 pikseļi/−8 pikseļi gandrīz baltā krāsā un tumšā slāņa nobīde — 8 pikseļi/8 pikseļi izslēgtā pelēkzilā krāsā, abi ir izplūduši 16 pikseļi. Pārslēdzieties starp diviem slāņiem slāņu sarakstā, lai noregulētu katru pusi atsevišķi.

Neimorfisms (mīksts lietotāja interfeiss) ir reljefs stils, kas sasniedza maksimumu ap 2020. gadu: elementi izskatās izspiesti no fona, nevis peld virs tā. Godīgi sakot, tam ir reāli kompromisi — efekts darbojas tikai tad, ja elementa fons sakrīt ar lapas fonu, un zema kontrasta malas var kaitēt pieejamībai — tāpēc lielākā daļa komandu tagad to izmanto kā akcentu, nevis visu dizaina valodu.

Ja stils atbilst jūsu projektam, šī divslāņu deklarācija ir kanoniskais sākumpunkts: nokopējiet CSS, iestatiet elementu un lapas fonu uz to pašu maigi pelēko krāsu un pievienojiet atbilstošu apmales rādiusu. Viss darbojas lokāli jūsu pārlūkprogrammā.