Penjana Neumorphism
Reka permukaan UI neumorfik yang lembut dan tertonjol dengan dua bayang dan salin CSS.
—
Latar belakang kanvas sepadan dengan warna elemen — itulah yang membuatkan rupa neumorfik yang lembut dan tertonjol berfungsi.
Secara lalai, bayang cerah dan gelap diperoleh daripada warna asas. Dayakan untuk menetapkannya sendiri.
Mengenai Penjana Neumorphism
Neumorphism Generator mereka bentuk gaya "soft UI" yang lembut dan timbul: elemen yang kelihatan seperti ditekan keluar — atau ke dalam — permukaan di belakangnya. Pilih satu warna asas dan alat ini menerbitkan segala-galanya kerana kesan ini hanya berfungsi apabila elemen dan latar belakangnya berkongsi warna yang sama, dan kedalaman datang sepenuhnya daripada dua box-shadow yang berlawanan arah.
Peluncur mengawal geometri: saiz, jejari sudut, jarak bayang, keamatan dan kekaburannya. Empat mod bentuk — flat, concave, convex dan pressed — menukar kecerunan dalaman serta arah bayang, dan pemilih sumber cahaya menggerakkan sorotan ke mana-mana daripada empat penjuru supaya elemen sepadan dengan pencahayaan reka bentuk anda.
Secara lalai, warna bayang terang dan gelap dikira daripada warna asas, tetapi mod manual membolehkan anda menetapkan kedua-duanya sendiri. CSS yang dijana — background, radius dan box-shadow berganda — hanya sejauh satu klik.
Cara menggunakan Penjana Neumorphism
- Pilih warna asas — ia digunakan pada elemen dan kanvas di belakangnya.
- Pilih bentuk: flat, concave, convex atau pressed.
- Tetapkan penjuru sumber cahaya untuk mengawal di mana sorotan jatuh.
- Laraskan saiz, jejari sudut, jarak, keamatan dan kekaburan dengan peluncur.
- Aktifkan warna bayang manual jika anda mahu menggantikan nada terang dan gelap yang diterbitkan.
- Salin CSS dan tampalkannya pada elemen anda.