เครื่องกำเนิดเงาข้อความ
สร้างสรรค์สไตล์ข้อความเงาที่อ่านง่ายด้วยการแสดงตัวอย่างตัวอักษรแบบสด หมุนในรูปแบบออฟเซ็ต เบลอ และสี จากนั้นคัดลอก CSS
Text Shadow Generator
LiveShadow
CSS output
text-shadow: 2px 4px 12px #be185d;
Key capabilities
- สร้างสรรค์สไตล์ข้อความเงาที่อ่านง่ายด้วยการแสดงตัวอย่างตัวอักษรแบบสด
- ทำงานในเบราว์เซอร์ของคุณ
- ใช้งานได้ฟรี
วิธีใช้
- พิมพ์ข้อความตัวอย่างถ้าคุณต้องการ
- ปรับชดเชย X/Y ความเบลอ และสี
- คัดลอก CSS ข้อความเงา
How this tool works
- พิมพ์ข้อความตัวอย่างถ้าคุณต้องการ
- ปรับชดเชย X/Y ความเบลอ และสี
- คัดลอก CSS ข้อความเงา
Recommended settings
- ใช้ตัวเลือกเริ่มต้นก่อน จากนั้นจึงปรับเปลี่ยนหากจำเป็น
Supported formats
Text / on-page input
File size and limits
- การดูตัวอย่างหลายเลเยอร์ที่ซับซ้อนมากอาจรู้สึกช้าลงในโทรศัพท์รุ่นเก่า
Privacy
ตัวสร้างสีและ CSS ทำงานทั้งหมดในเบราว์เซอร์ของคุณ การดูตัวอย่างและการแปลงไม่เคยอัปโหลดสไตล์ของคุณ
Common use cases
- ใช้ Text Shadow Generator ทุกครั้งที่คุณต้องการ: สร้างสไตล์ข้อความเงาที่อ่านได้ด้วยการแสดงตัวอย่างตัวอักษรแบบสด
Troubleshooting
การแสดงตัวอย่างดูแตกต่างออกไปหลังจากวาง
ตรวจสอบ CSS ที่แข่งขันกันบนเพจของคุณ (รีเซ็ต, สีที่สืบทอดมา) คัดลอกกฎที่สร้างขึ้นลงในสไตล์ชีตแบบแยกก่อน
คำถามที่พบบ่อย
สิ่งนี้อัปโหลด CSS ของฉันหรือไม่
ไม่ ตัวสร้างและตัวแปลงทำงานในเบราว์เซอร์ของคุณพร้อมการแสดงตัวอย่างแบบสด
ฉันจำเป็นต้องมีบัญชีหรือไม่?
ไม่ เปิดเครื่องมือ ปรับแต่งการควบคุม และคัดลอก CSS
เครื่องมือที่เกี่ยวข้อง
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolColor Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open tool