เครื่องกำเนิดไฟฟ้าเงา CSS - ใช้ฟรีออนไลน์ | FunToolX

ปรับค่า X, Y, รัศมีเบลอ, รัศมีขยาย, สี, ความโปร่งใสของเงาด้วยตัวเลื่อนและตัวเลือกสีสนับสนุนการทับซ้อนเงาหลายชั้นดูตัวอย่างการแสดงผลของเอฟเฟกต์เงาบนกล่องหรือข้อความแบบเรียลไทม์คุณสามารถสลับพื้นหลังสว่างและมืดเพื่อดูเอฟเฟกต์คัดลอกโค้ด CSS ที่สร้างขึ้นเมื่อคุณพอใจ

ผลกระทบเงาจะถูกนํามาใช้ผ่านแอตทริบิวต์ box-shadow หรือ text-shadow ของ CSSเครื่องมือปรับปรุงตัวแปร CSS แบบไดนามิกในแท็ก style และใช้ในพื้นที่แสดงตัวอย่างโค้ดที่สร้างขึ้นสามารถคัดลอกไปใช้ในโครงการได้โดยตรง

เหมาะสําหรับการดีบัคเอฟเฟกต์เงาอย่างรวดเร็วมีประสิทธิภาพมากกว่าการแก้ไขซ้ํา ๆ ในโค้ดเงาหลายชั้นสามารถสร้างเอฟเฟกต์สามมิติมากขึ้นเช่นนีออน, นูน ฯลฯ

เครื่องกําเนิดเงา CSS ปรับภาพพารามิเตอร์ box-shadow และ text-shadow แสดงตัวอย่างผลแบบเรียลไทม์และสร้างโค้ด