เครื่องสร้าง Box Shadow CSS
สร้างและดูตัวอย่างคุณสมบัติ CSS box-shadow ด้วยภาพ
การตั้งค่าเงา
ปรับแถบเลื่อนเพื่อปรับแต่งเอฟเฟกต์เงา
เงา 1
ค่าที่ตั้งไว้ล่วงหน้า
ลองใช้สไตล์เงาที่กำหนดไว้ล่วงหน้า
ดูตัวอย่าง
ดูตัวอย่างเอฟเฟกต์เงาที่สร้างขึ้น
Preview
CSS ที่สร้างขึ้น
box-shadow: 0px 4px 6px 0px #00000040;การอ้างอิงคุณสมบัติ Box Shadow
คำอธิบายคุณสมบัติ
- • X Offset: ตำแหน่งแนวนอนของเงา (บวก: ขวา, ลบ: ซ้าย)
- • Y Offset: ตำแหน่งแนวตั้งของเงา (บวก: ล่าง, ลบ: บน)
- • Blur: รัศมีเบลอของเงา (0: คมชัด, ค่ามาก: เบลอมากขึ้น)
- • Spread: ขนาดของเงา (บวก: ขยาย, ลบ: หด)
- • สี: สีของเงา (HEX, RGB, RGBA, ฯลฯ)
- • Inset: เงาเป็นเงาด้านในหรือไม่