เครื่องกำเนิดเงากล่อง
สร้างเงากล่อง CSS แบบเป็นชั้นๆ และคัดลอกโค้ด
- ฟรี
- ไม่มีการลงทะเบียน
- ทำงานในเบราว์เซอร์ของคุณ
- ใช้งานได้บนมือถือ
{ชื่อ} ได้อย่างรวดเร็ว
- อินพุต
- การตั้งค่าเงา
- เอาท์พุต
- กล่อง CSS เงา
- ความเป็นส่วนตัว
- ทุกอย่างเกิดขึ้นบนอุปกรณ์ของคุณ ไม่มีอะไรถูกอัปโหลด
- ราคา
- ฟรี ไม่มีบัญชี ไม่มีลายน้ำ
วิธีใช้ {ชื่อ}
- 1ปรับแถบเลื่อน
- 2เพิ่มเลเยอร์เพื่อความลึกที่นุ่มนวลขึ้น
- 3คัดลอก CSS
คุณสมบัติ
- มากถึง 5 ชั้น
- ใส่เงา
- ดูตัวอย่างสีของคุณเอง
- ส่วนตัว: ทำงานในเบราว์เซอร์ของคุณ ไม่มีอะไรถูกอัพโหลด
{ชื่อ} คำถามที่พบบ่อย
ทำไมต้องใช้หลายชั้น?
เงาจริงผสมผสานเงาที่เข้มและกว้างเข้ากับเงาที่นุ่มนวล
Box Shadow Generator เป็นส่วนตัวหรือไม่?
ใช่ Box Shadow Generator ทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นสิ่งที่คุณป้อนหรือเปิดจะไม่ออกจากอุปกรณ์ของคุณ และจะไม่มีการส่งสิ่งใดไปยังเซิร์ฟเวอร์ของเรา
ฉันสามารถใช้ Box Shadow Generator กับอะไรได้บ้าง?
อินพุต: การตั้งค่าเงา คุณได้รับ: กล่อง CSS-เงา
เครื่องมือที่เกี่ยวข้อง
เครื่องกำเนิดการไล่ระดับสี CSSออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวย แล้วคัดลอก CSSเครื่องกำเนิดรัศมีเส้นขอบปัดมุมด้วยสายตา ทีละมุมหรือทั้งหมดพร้อมกัน และคัดลอกชวเลข CSSตัวย่อ CSSย่อขนาด CSS เพื่อให้ไฟล์เล็กลงและหน้าเร็วขึ้นตัวถอดรหัส Base64ถอดรหัส Base64 (มาตรฐานหรือ URL ปลอดภัย) กลับไปเป็นข้อความ
เพิ่มเติม developer toolsอัปเดตล่าสุด