เครื่องมือสร้างเงากล่อง CSS ออนไลน์

color
color

สร้างคุณสมบัติของกล่องเงาของคุณเพื่อรับสไตล์ CSS

ใช้แถบเลื่อนและตัวเลือกสีเพื่อตั้งค่าและชมการแสดงตัวอย่างแบบสดจนกว่าคุณจะได้เอฟเฟกต์ที่ต้องการ เลือกกะขวา กระจาย เบลอ ความทึบ สี

เลือกสีที่กำหนดเองสำหรับพื้นหลังแสดงตัวอย่างและวัตถุของคุณ

 

เพิ่มหลายกล่อง-เงา

เว็บเบราว์เซอร์อนุญาตให้เราเพิ่มเงามากกว่าหนึ่งเงาให้กับการออกแบบของเรา เช่นเดียวกับเครื่องมือออนไลน์นี้ ใช้ปุ่มเพิ่มใหม่เพื่อบันทึกบรรทัดปัจจุบันและตั้งค่าใหม่ 

 

ไวยากรณ์ CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

หมายเหตุ:  หากต้องการแนบเงามากกว่าหนึ่งรายการกับองค์ประกอบ ให้เพิ่มรายการเงาที่คั่นด้วยเครื่องหมายจุลภาค (ดูตัวอย่าง "ลองใช้เอง" ด้านล่าง)