สี & ดีไซน์

สร้าง CSS Box Shadow

ปรับเงา CSS แล้วคัดลอกโค้ด ปรับค่าแล้วเห็นผลทันที พร้อมคัดลอกโค้ดไปใช้ได้เลย

แนวนอน: 0px

แนวตั้ง: 18px

เบลอ: 40px

ขยาย: -12px

ความทึบ: 28%

สีเงา

เงาด้านใน (inset) เงาซ้อน 2 ชั้น (นุ่มขึ้น)

ตัวอย่าง

CSS

เงาสำเร็จรูป

วิธีใช้

ปรับค่าต่างๆ ตามที่ต้องการ
ดูตัวอย่างผลลัพธ์แบบเรียลไทม์
คัดลอกโค้ดหรือดาวน์โหลดไฟล์ไปใช้

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

ใช้โค้ดที่ได้ในงานเชิงพาณิชย์ได้ไหม?

ได้ โค้ดที่สร้างขึ้นเป็นของคุณ ใช้ได้ทั้งงานส่วนตัวและงานลูกค้า