CSS Visual ToolsLesson 83Preview gratis
Neumorphism Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Neumorphism generator membuat elemen dengan bayangan lembut yang tampak menyatu dengan latar. Efek ini memakai dua bayangan, satu terang dan satu gelap, pada warna latar yang sama. Neumorphism terlihat halus, tetapi kontrasnya rendah sehingga kurang cocok untuk kontrol utama.
Poin kunci
- Warna elemen dan latar sebaiknya sama atau sangat mirip
- Dua bayangan dipakai: terang di satu sisi, gelap di sisi lain
- Bayangan inset memberi kesan elemen tertekan
- Kontras rendah menyulitkan pengguna membedakan batas kontrol
- Neumorphism lebih aman untuk aksen dekoratif daripada tombol utama
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.