Penjana Neumorfisme

Penjana Neomorfisme menghasilkan rupa lembut dan terangkat yang dikenali sebagai neomorfisme atau UI lembut. Anda memilih bentuk — flat, pressed, atau convex — dan melaraskan jarak, blur, dan jejari sempadan di atas warna latar belakang, dan alat ini membina CSS box-shadow yang sepadan secara langsung. Pratonton menunjukkan dengan tepat bagaimana elemen itu akan kelihatan, dan blok kod sedia salin mengandungi gaya tersebut. Semuanya berjalan dalam pelayar anda.

1. Pilih bentuk: flat, pressed, atau convex 2. Tetapkan warna latar belakang agar sepadan dengan antara muka anda 3. Laraskan slider jarak, blur, dan jejari sempadan 4. Perhatikan pratonton dikemas kini secara masa nyata 5. Klik Copy untuk mendapatkan CSS yang dijana

Neomorfisme berfungsi paling baik apabila elemen dan latar belakangnya berkongsi warna yang sama, supaya bayang-bayang bercampur menjadi kesan 3-D lembut — pilih warna latar belakang yang hampir dengan halaman anda. Flat memberikan rupa terangkat, pressed menenggelamkan elemen ke dalam, dan convex menambah gradien halus untuk rasa bulat. Nilai blur yang lebih kecil mengekalkan tepi yang tajam, manakala nilai yang lebih besar terasa lebih lembut. Jejari sempadan yang lebih tinggi membulatkan sudut untuk bentuk yang lebih mesra.