เครื่องกำเนิดเงาข้อความ

สร้างสรรค์สไตล์ข้อความเงาที่อ่านง่ายด้วยการแสดงตัวอย่างตัวอักษรแบบสด หมุนในรูปแบบออฟเซ็ต เบลอ และสี จากนั้นคัดลอก CSS

Text Shadow Generator

Live

Shadow

CSS output

text-shadow: 2px 4px 12px #be185d;

Key capabilities

  • สร้างสรรค์สไตล์ข้อความเงาที่อ่านง่ายด้วยการแสดงตัวอย่างตัวอักษรแบบสด
  • ทำงานในเบราว์เซอร์ของคุณ
  • ใช้งานได้ฟรี

วิธีใช้

  1. พิมพ์ข้อความตัวอย่างถ้าคุณต้องการ
  2. ปรับชดเชย X/Y ความเบลอ และสี
  3. คัดลอก CSS ข้อความเงา

How this tool works

  1. พิมพ์ข้อความตัวอย่างถ้าคุณต้องการ
  2. ปรับชดเชย X/Y ความเบลอ และสี
  3. คัดลอก 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

เครื่องมือที่เกี่ยวข้อง