สร้างเงากล่อง CSS แบบเห็นภาพ
ออกแบบเงากล่องสวยงามด้วยเครื่องมือแก้ไขแบบเห็นภาพ เพิ่มเงาหลายชั้น ปรับแต่ง offset, blur, spread และความทึบ คัดลอกโค้ด CSS ได้ทันที
ชั้นเงา
โค้ด CSS
เทมเพลตเงา
วิธีสร้างเงากล่อง CSS
1. เพิ่มชั้นเงา
เริ่มด้วยเงาหนึ่งอันหรือเพิ่มหลายชั้น แต่ละชั้นสามารถมีสี offset, blur, spread และความทึบของตัวเอง
2. ปรับแต่งแต่ละชั้น
ปรับ offset รัศมี blur, spread และความทึบ สลับโหมด inset สำหรับเงาภายใน ลองใช้เทมเพลตเพื่อเป็นแรงบันดาลใจ
3. คัดลอก CSS
คัดลอกโค้ด CSS ที่สร้างขึ้นด้วยคลิกเดียวแล้ววางลงใน stylesheet ของคุณ ใช้งานได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด
คำถามที่พบบ่อย
ตัวสร้างเงากล่อง CSS นี้ใช้ฟรีหรือไม่?
ใช่ ฟรี 100% ไม่มีข้อจำกัด สร้างเงาได้มากเท่าที่ต้องการโดยไม่ต้องสมัครสมาชิก
สามารถเพิ่มเงาหลายชั้นได้หรือไม่?
ได้! คุณสามารถเพิ่มเงาหลายชั้นและปรับแต่งแต่ละชั้นได้อิสระ ช่วยให้สร้างเอฟเฟกต์เงาซ้อนที่ซับซ้อนเช่น Material Design หรือ neumorphism
เงา inset คืออะไร?
เงา inset ปรากฏภายในองค์ประกอบแทนที่จะอยู่ภายนอก สร้างเอฟเฟกต์เรืองแสงภายในหรือถูกกด สลับปุ่ม Inset บนชั้นเงาใดก็ได้
ข้อมูลของฉันปลอดภัยหรือไม่?
แน่นอน ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ใดๆ