ตัวสร้าง Neumorphism สำหรับ Soft UI Box Shadow กำหนดเอง
ตัวสร้าง Neumorphism สร้างค่า box-shadow คู่สว่างและมืดสำหรับลุค soft-UI โดยใช้สีฐานและแถบเลื่อนความเข้ม เปิด inset สำหรับรูปลักษณ์กดลง แล้วเปรียบเทียบพรีวิวสดกับผลลัพธ์ที่สร้าง ซึ่งตรงกันเป๊ะ สร้างค่าแล้วคัดลอกค่าที่ต้องการสำหรับอินเทอร์เฟซของคุณ
ตัวสร้าง Neumorphism สร้างค่า box-shadow คู่สว่างและมืดสำหรับเอฟเฟกต์ soft-UI เลือกสีฐานและปรับแถบเลื่อนความเข้มเพื่อกำหนดผลลัพธ์ ตัวสร้างในเบราว์เซอร์นี้ยังให้สลับเป็นเงาแบบ inset สำหรับรูปลักษณ์กดลง พร้อมพรีวิวที่ตรงกับผลลัพธ์ที่สร้างเป๊ะ
หากต้องการสร้างผลลัพธ์ ตั้งค่าตัวเลือกที่มีแล้วสร้างค่า สีฐานและความเข้มกำหนดเงาคู่ ส่วนตัวเลือก inset เปลี่ยนรูปลักษณ์เป็นสไตล์กดลง คุณสามารถตรวจสอบพรีวิวและคัดลอกค่าที่ต้องการ พรีวิวสะท้อนผลลัพธ์เป๊ะ
Neumorphism ใช้เงาสว่างและมืดแบบละเอียดเพื่อให้องค์ประกอบอินเทอร์เฟซดูนุ่มมีมิติ box-shadow อธิบายสไตล์เงา ส่วนสีฐานให้จุดเริ่มต้นของค่าคู่ การสร้างคู่ช่วยได้เมื่อคุณต้องการสำรวจลุค soft-UI โดยไม่ต้องเขียนค่าสว่างและมืดด้วยมือ
ตัวสร้าง Neumorphism ทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลของคุณถูกประมวลผลบนอุปกรณ์ของคุณ และไม่มีการอัปโหลด เก็บไว้ หรือส่งไปยังเซิร์ฟเวอร์ หลังจากหน้าเว็บโหลดเสร็จ เครื่องมือยังใช้งานออฟไลน์ได้เพราะไม่ต้องพึ่งเซิร์ฟเวอร์
เครื่องมือนี้มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่จัดสไตล์คอมโพเนนต์อินเทอร์เฟซ เตรียมค่าทดสอบ หรือเปรียบเทียบรูปลักษณ์ยกขึ้นและกดลง ตั้งค่าตัวเลือก ตรวจทานพรีวิว แล้วคัดลอกค่าที่สร้างลงในงานของคุณ
ขั้นตอนที่ 1: เลือกสีฐานและปรับแถบเลื่อนความเข้มเพื่อกำหนดลุคของเงาคู่สว่างและมืด
ขั้นตอนที่ 2: สลับตัวเลือก inset หากต้องการรูปลักษณ์กดลงแทนลุคยกขึ้นมาตรฐาน
ขั้นตอนที่ 3: สร้างค่าเงาด้วยการตั้งค่าที่คุณเลือก
ขั้นตอนที่ 4: ตรวจสอบพรีวิวกับผลลัพธ์ที่สร้าง พรีวิวตรงกับผลลัพธ์เป๊ะ
ขั้นตอนที่ 5: คัดลอกค่าที่คุณต้องการสำหรับอินเทอร์เฟซ fixture ทดสอบ หรืองานพัฒนาอื่น
กรณีการใช้งาน: สร้างค่า box-shadow สำหรับปุ่มหรือการ์ด soft-UI โดยใช้สีฐานและความเข้มที่คุณเลือก
กรณีการใช้งาน: ใช้ค่าคู่ที่สร้างในทดสอบหรือ fixture แทนที่จะเขียนเงาสว่างและมืดด้วยมือ
กรณีการใช้งาน: ได้ค่าสว่างและมืดที่จับคู่กันแทนที่จะเดาแต่ละค่าแยกกัน
กรณีการใช้งาน: เปรียบเทียบรูปลักษณ์ยกขึ้นมาตรฐานกับรูปลักษณ์กดลงแบบ inset ขณะสร้างอินเทอร์เฟซ
กรณีการใช้งาน: ปรับความเข้มเพื่อสำรวจลุคเงาต่าง ๆ สำหรับคอมโพเนนต์
กรณีการใช้งาน: คัดลอกค่าที่สร้างลงในขั้นตอนงานพัฒนาของคุณหลังจากตรวจพรีวิวที่ตรงกัน