UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
◳

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

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

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

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

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

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

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

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