สร้างเงากล่อง CSS ที่สวยงามได้อย่างง่ายดาย
สร้างเงากล่องที่น่าทึ่งด้วยอินเทอร์เฟซที่ใช้งานง่ายของเรา คัดลอกโค้ด CSS และใช้ในโครงการของคุณทันที
Preview
เงากล่อง
ปรับแต่งฉันเอง
เอาต์พุต CSS
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
การควบคุมเงา
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
เงานุ่ม
เงาปานกลาง
เงาหนัก
เงาภายใน
เส้นทแยงมุมคมชัด
เค้าร่างเรืองแสง
เงาคู่
เอฟเฟกต์ยก
วิธีใช้
การควบคุมพื้นฐาน
- ปรับออฟเซ็ตแนวนอนเพื่อเลื่อนเงาไปทางซ้ายหรือขวา
- ปรับออฟเซ็ตแนวตั้งเพื่อเลื่อนเงาขึ้นหรือลง
- เพิ่มรัศมีเบลอเพื่อทําให้เงานุ่มขึ้น
- Use รัศมีการแพร่กระจายเพื่อเพิ่มหรือลดขนาดโดยรวมของเงา
- เปลี่ยนColor and Opacityเพื่อปรับแต่งลักษณะเงา
คุณสมบัติขั้นสูง
- Enable เงาแทรกเพื่อสร้างเอฟเฟ็กต์เงาภายใน
- Use เงาหลายเงาสําหรับเอฟเฟกต์ที่ซับซ้อนมากขึ้น
- บันทึกและโหลดPresetsเพื่อการเข้าถึงเงาที่คุณชื่นชอบอย่างรวดเร็ว
- Click เงาสุ่มเพื่อแรงบันดาลใจ
- คัดลอกโค้ด CSS ที่สร้างขึ้นแล้ววางลงในโปรเจ็กต์ของคุณ
Related Tools
ตัวย่อขนาด CSS
บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ
ตัวแปลงสไตลัสเป็น CSS
แปลงโค้ด SCSS ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
ตัวสร้างแฮชรหัสผ่าน WordPress
สร้างแฮชรหัสผ่านที่ปลอดภัยสําหรับ WordPress
ตัวแปลงแรงดันไฟฟ้า
แปลงแรงดันไฟฟ้าระหว่างหน่วยต่างๆ ได้อย่างแม่นยําและง่ายดาย
เครื่องกําเนิด CSS เงาข้อความออนไลน์
สร้างเอฟเฟกต์ข้อความไล่ระดับสีที่น่าทึ่งสําหรับเว็บไซต์ของคุณ