สี & ดีไซน์

สร้าง CSS Box Shadow

ปรับเงา CSS แล้วคัดลอกโค้ด ปรับค่าแล้วเห็นผลทันที พร้อมคัดลอกโค้ดไปใช้ได้เลย

ตัวอย่าง

เงาสำเร็จรูป

วิธีใช้

  1. ปรับระยะแนวนอน แนวตั้ง ความฟุ้ง และการขยายของเงา
  2. เลือกสีและความโปร่งใส เพิ่มเงาหลายชั้นได้ถ้าต้องการ
  3. คัดลอกโค้ด CSS ไปวางในสไตล์ของคุณ

คำถามที่พบบ่อย

ทำไมเงาดูแข็ง ไม่เป็นธรรมชาติ?

เงาจริงในธรรมชาติจะฟุ้งและจางกว่า ลองใช้สีดำที่โปร่งใสราว 8-15% เพิ่มความฟุ้ง และซ้อนเงาสองชั้น ชั้นใกล้คมเล็กน้อยกับชั้นไกลฟุ้งมาก

เงาด้านในทำยังไง?

ใส่คำว่า inset นำหน้าค่าเงา จะได้เงาที่ตกอยู่ภายในกล่องแทนที่จะตกออกด้านนอก

เจอปัญหา? แจ้งเครื่องมือนี้