Loading
สร้างเงา CSS หลายชั้นพร้อมปรับตำแหน่ง ความเบลอ การกระจาย สี และ inset
ดีไซน์box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
ปรับ slider offset แนวนอนและแนวตั้ง
ตั้ง blur radius และ spread radius
เลือกสีเงาด้วย color picker
สลับ inset shadow ถ้าต้องการเอฟเฟกต์เงาด้านใน
คัดลอก CSS box-shadow ที่สร้างและวางในสไตล์ชีทของคุณ
สร้างเงาการยกตัวที่นุ่มนวลสำหรับ component การ์ดใน UI เว็บโดยไม่ต้องลองผิดลองถูกใน code editor
ออกแบบเอฟเฟกต์ปุ่มกด หรือยกตัวโดยใช้ inset หรือ outer shadow เพื่อให้ element ที่โต้ตอบได้รู้สึกสัมผัสได้
รวม box shadow หลายอัน (สว่างและมืด) เพื่อสร้างสไตล์ดีไซน์ neumorphism ที่นุ่มนวล
สร้าง box shadow สไตล์แสงเรืองสำหรับ focus ring บน form input เพื่อปรับปรุง accessibility และ visual feedback
Box Shadow Generator มีอินเทอร์เฟซลากและวางแบบภาพเพื่อออกแบบ CSS box shadow และคัดลอกโค้ด CSS ที่พร้อมวางทันที
พบข้อมูลผิดหรือผลลัพธ์ไม่ตรง? แจ้งทีมพร้อมขั้นตอนและตัวอย่างที่ไม่มีข้อมูลลับ
เลือกสีและคัดลอกค่า HEX, RGB, HSL และรูปแบบอื่นที่แสดง
ปรับจุดสีของ gradient แบบเส้นหรือรัศมี แล้วคัดลอก CSS
ปรับมุมโค้งแต่ละด้านเป็นพิกเซลหรือเปอร์เซ็นต์ แล้วคัดลอก CSS
สร้างชุดสีจากสีตั้งต้นและรูปแบบความสัมพันธ์สี แล้วคัดลอกค่าสี
ดูตารางสี Tailwind ที่มีในเครื่องมือและคัดลอกค่าสีหรือ utility
จำลองพื้นที่ที่อาจถูกบังบนรูปแนวตั้งสำหรับ TikTok, Reels หรือ Shorts