UTILS.
ทำงานในเบราว์เซอร์ 100%

เครื่องมือสร้าง Neumorphism

สร้างเงาแบบ neumorphic soft-UI พร้อมดูตัวอย่างแบบเรียลไทม์แล้วคัดลอก

เกี่ยวกับเครื่องมือนี้

ออกแบบองค์ประกอบ neumorphic แบบ soft-UI ด้วยเงาสว่างและเงามืดที่จับคู่กัน ปรับขนาด ระยะ ความเข้ม และเบลอได้ พร้อมลุคแบบนูนหรือเว้า แล้วคัดลอก CSS ทำงานแบบเรียลไทม์ในเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

ทำไม neumorphism ถึงใช้เงาสองชั้น?
เงาสว่างหนึ่งชั้นและเงามืดหนึ่งชั้นที่มุมตรงข้ามกันเลียนแบบแหล่งแสงเดียว ทำให้องค์ประกอบดูนูนขึ้นมาจากพื้นหลัง
ความแตกต่างระหว่างนูนกับเว้าคืออะไร?
แบบนูนดูเหมือนยกขึ้นจากพื้นผิว ส่วนแบบเว้าจะกลับด้าน gradient และเงา ทำให้องค์ประกอบดูเหมือนถูกกดลงไปในพื้นผิว

เครื่องมือเพิ่มเติม