เครื่องกําเนิดไฟฟ้า Box Shadow
สร้าง CSS Box Shadows
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
ออกแบบเอฟเฟกต์เงาที่สวยงามด้วย Box Shadow Generator ของเรา สร้างเงา CSS แบบกำหนดเองสำหรับปุ่ม การ์ด และองค์ประกอบ UI พร้อมการแสดงตัวอย่างภาพและสร้างโค้ดได้ทันที
Key Features
ปรับชดเชยเงาได้ (แนวนอนและแนวตั้ง)
การควบคุมรัศมีการเบลอและการแพร่กระจาย
สีเงาที่กำหนดเองพร้อมการปรับความทึบ
รองรับเงาหลายแบบสำหรับเอฟเฟกต์ที่ซับซ้อน
การแสดงตัวอย่างภาพแบบเรียลไทม์
คัดลอกโค้ด CSS ได้ในคลิกเดียว
เครื่องกำเนิดเงากล่อง
ปรับออฟเซ็ต
ใช้แถบเลื่อนเพื่อตั้งค่าออฟเซ็ตเงาแนวนอนและแนวตั้งเป็นพิกเซล
ตั้งค่าเบลอและกระจาย
กำหนดค่ารัศมีการเบลอ (ความนุ่มนวล) และรัศมีการแพร่กระจาย (การขยายขนาด)
เลือกสี
เลือกสีเงาและปรับความทึบเพื่อให้ได้เอฟเฟกต์ที่ต้องการ
ดูตัวอย่างเอฟเฟกต์
ดูเอฟเฟกต์เงาบนองค์ประกอบแสดงตัวอย่างแบบเรียลไทม์
คัดลอกและใช้งาน
คลิกคัดลอกเพื่อเพิ่มโค้ด CSS box-shadow ให้กับสไตล์ชีตของคุณ
Use Cases
การสร้างเอฟเฟกต์ความลึกและระดับความสูงบนปุ่ม
การออกแบบส่วนประกอบของการ์ดด้วยเงาอันละเอียดอ่อน
การเพิ่มเอฟเฟ็กต์โฮเวอร์ด้วยเงาแบบไดนามิก
การสร้างการออกแบบ UI แบบเลเยอร์พร้อมลำดับชั้นของเงา
Frequently Asked Questions
กล่องเงาใช้ทำอะไร?
Box-shadow สร้างเอฟเฟกต์เงารอบๆ องค์ประกอบ HTML เพื่อความลึกและความสนใจด้านภาพ
ฉันสามารถสร้างเงาหลาย ๆ อันได้หรือไม่?
ใช่ เครื่องมือนี้รองรับกล่องเงาหลายแบบสำหรับเอฟเฟกต์ที่ซับซ้อน
ความทึบส่งผลต่อเงาอย่างไร
ความทึบ (อัลฟา) ควบคุมความโปร่งใสของเงาตั้งแต่ 0 (โปร่งใส) ถึง 1 (ทึบแสง)
Shadows CSS เข้ากันได้หรือไม่
ใช่ ค่า box-shadow ที่สร้างขึ้นทั้งหมดเข้ากันได้กับเบราว์เซอร์สมัยใหม่
Tool Information
Related Tools You Might Like
Color Palette Generator จากภาพ
สารสกัดสีที่โดดเด่นจากภาพ
RGB / Hex แปลง
การแปลงระหว่างรูปแบบสี RGB และ HEX
เครื่องกําเนิดไฟฟ้า CSS
สร้าง CSS Gradients ที่กําหนดเองด้วย Preview
WCAG Contrast เช็ค
ตรวจสอบความต้านทานสีตามมาตรฐาน WCAG
เครื่องกําเนิดสัญญาณดิจิตอล
สร้างสัญญาณดิจิตอลแบบสไตล์ด้วยตัวอักษรที่แตกต่างกัน
เครื่องกําเนิดไฟฟ้า Shadow
สร้าง CSS Text Shadows
เครื่องคํานวณปริมาณ Surfboard
การคํานวณปริมาณ surfboard ที่สมบูรณ์แบบขึ้นอยู่กับน้ําหนักของคุณระดับประสบการณ์และเงื่อนไขคลื่น
Wave Height แปลง
แปลงระหว่างการวัดความสูงของคลื่นที่แตกต่างกัน (ความสูงของใบหน้า, ระดับฮาเวียน, น้ําแตกของทะเล)
สกูบา Dive Planner
การวางแผนการดูดสกูบของคุณด้วยข้อ จํากัด ความลึกเวลาด้านล่างและความต้องการความปลอดภัย