สร้าง CSS Box Shadow แบบหลายชั้น
ปรับระยะ เบลอ ขยาย สี ความทึบ และเงาด้านใน ดูตัวอย่างสด คัดลอกโค้ด CSS ได้ทันที
เกี่ยวกับสร้าง CSS Box Shadow
เลื่อนแถบเพื่อปรับเงา: X/Y คือทิศทาง เบลอทำให้ขอบนุ่ม Spread ขยายหรือหดเงา และความทึบควบคุมความเข้ม ติ๊ก “inset” สำหรับเงาด้านใน หรือเปิดชั้นที่ 2 เพื่อเงานุ่มลึกแบบที่ดีไซน์สมัยใหม่นิยม
ตัวอย่างแสดงบนการ์ดสีที่เลือก คัดลอกโค้ดไปใช้ได้ทุกเบราว์เซอร์
คำถามที่พบบ่อย
เงาแบบนุ่มทำอย่างไร
ใช้ 2 ชั้น: ชั้นแรกเบลอน้อยใกล้ตัว ชั้นที่สองเบลอมากและจาง
เครื่องมืออื่นในหมวดนี้
จัดรูปแบบ JSON Base64 เข้ารหัส / ถอดรหัส รูปภาพ ↔ Base64 URL Encode / Decode HTML Entity เข้ารหัส / ถอดรหัส สร้างค่า Hash สร้าง UUID ถอดรหัส JWT ทดสอบ Regex สร้าง Cron แปลง Unix Timestamp จัดรูปแบบโค้ด Markdown Preview แปลงข้อความเป็นเลขฐาน แปลงรหัสสี เช็คคอนทราสต์สี สร้าง CSS Gradient แปลง JSON เป็น CSV แปลง CSV เป็น JSON แปลง YAML ↔ JSON แปลง JSON เป็น TypeScript เข้ารหัส AES สร้างรหัส TOTP (2FA) ตรวจความแข็งแรงรหัสผ่าน สร้าง CSS Border Radius สี Tailwind สร้างชุดสี คำนวณสัดส่วนภาพ คำนวณ Chmod