ตัวสร้าง CSS Box Shadow

เครื่องมือทั้งหมด
ตัวสร้าง CSS Box Shadow
สร้าง CSS box-shadow แบบหลายชั้นด้วยแถบเลื่อนแบบสดสำหรับ offset, blur, spread, สี, ความโปร่งใส และ inset — ดูตัวอย่างบนองค์ประกอบจริงและคัดลอก CSS พร้อมใช้งานทันที
ตัวอย่างสด
ตัวอย่างสด
CSS
box-shadow: —;

ทุกอย่างอัปเดตแบบสดในเบราว์เซอร์ — ไม่มีการอัปโหลด ไม่ต้องลงทะเบียน ฟรีทั้งหมด

ชั้นเงา
px
px
px
px
สีเงา
20%
องค์ประกอบและ canvas
16px
Preset
แชร์สิ่งนี้
เครื่องมือที่เกี่ยวข้อง
ตัวสร้างลายเซ็นอีเมล

ออกแบบลายเซ็นอีเมล HTML แบบมืออาชีพจาก 30 แม่แบบ ปรับแต่งและบันทึกได้ตามต้องการ
Code Formatter

จัดรูปแบบ HTML, CSS และ JavaScript — จัดการย่อหน้าและเพิ่มการขึ้นบรรทัดใหม่เพื่อให้โค้ดที่รกหรือถูกย่ออ่านได้ง่าย
ตัวสร้าง QR Code

สร้าง QR code (URL, ข้อความ, Wi-Fi, vCard…) เป็น PNG
ไอคอนเป็น PNG

แปลง Bootstrap Icons, Font Awesome และอื่นๆ เป็นรูปภาพ PNG ที่กำหนดเอง — ฟรี ในเบราว์เซอร์ของคุณ
เครื่องสร้างไอคอนแอป

สร้างชุดไอคอนแอปที่สมบูรณ์และพร้อมขึ้นสโตร์สำหรับ App Store และ Google Play — พื้นหลังแบบไล่ระดับสี mesh และลวดลายระดับพรีเมียม สร้างจากโลโก้ของคุณ
เครื่องสร้าง Favicon

สร้างแพ็กเกจ favicon ที่สมบูรณ์จากโลโก้ ไอคอนฟอนต์ หรืออักษรย่อ — favicon.ico, PNG สมัยใหม่, Apple touch icon, PWA icons, web manifest และโค้ด HTML
การค้นหายอดนิยม
เครื่องสร้าง CSS box shadow box shadow CSS เครื่องสร้างเงาออนไลน์ ตัวสร้างเงา CSS box shadow แบบซ้อน inset shadow CSS

เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง — คัดลอกและวางโค้ดด้านล่าง