Box Shadow Generator

แนวคิดหลัก

เครื่องมือสร้าง box-shadowนี้ใช้ปรับbox-shadow บนการ์ด ปุ่ม และโมดัล X และ Y คือระยะที่เงานั่ง เบลอคือความนุ่มขอบ และสเปรดคือพื้นที่เงา รวมสีกับอัลฟาให้ทำเงาสีแบรนด์แทนสีเทา CSS อัปเดตทันทีที่เลื่อนสไลเดอร์

Inset ใส่เงาในกล่อง ซึ่งเหมาะกับอินพุตที่ถูกกดหรือเงาด้านใน พรีวิวเป็นสี่เหลี่ยมมนสีขาวสำหรับพื้นหลังสว่าง การสร้างทำงานเฉพาะในเบราว์เซอร์ จอนี้ทำชั้นเดียว สำหรับเงาซ้อน ให้ต่อค่าที่คัดลอกด้วยจุลภาค

ตัวอย่าง

ค่าเริ่มต้น Y 8 เบลอ 24 และความทึบ 25% ให้เงาลงนุ่ม ยก X และ Y เป็น 12 ทำให้เงาล่างขวาลึกขึ้น เปิด inset แปลงค่าเดียวกันเป็นเงาด้านใน วาง CSS ที่คัดลอกในตัวเลือก รายการการ์ดมักใช้เงาเดียวสำหรับลำดับชั้น และให้โมดัลเบลอใหญ่กว่า บนพื้นหลังมืดอาจต้องอัลฟาสูงกว่าที่พรีวิวขาวบอก การใส่ประกาศที่คัดลอกใน media query ให้ลดสเปรดบนมือถือได้ เมื่อลองอินพุตเดิม ให้รีเซ็ตแล้ววางใหม่เพื่อไม่ให้เอาต์พุตเก่าปน บนคอมพิวเตอร์ใช้ร่วม ล้างช่องเมื่อเสร็จ ปิดแท็บแล้วค่าจะหาย ไม่ต้องขอเซิร์ฟเวอร์ลบ

ที่เกี่ยวข้อง: เครื่องมือสร้างไล่สี · ตัวเลือกสี