เครื่องสร้างข้อความเลื่อน

ข้อความและการตั้งค่า

ข้อความนำเข้า

ทิศทาง

ระยะเวลาต่อรอบ (วินาที)

ขนาดตัวอักษร

ตัวคูณความสูงบรรทัด

ระยะห่าง

สี

สีพื้นหลัง

ผลลัพธ์

กำลังรอข้อมูลหรือตัวอย่าง

ตัวอย่าง

แม้ดูตัวอย่างไม่ได้ ก็ยังคัดลอก HTML/CSS ด้านล่างได้

โค้ด HTML/CSS

เรียนรู้เพิ่มเติม

วิธีใช้

ป้อนข้อความ เลือกทิศทางและรูปแบบการแสดง ดูตัวอย่างการเคลื่อนไหว แล้วคัดลอกหรือดาวน์โหลด HTML/CSS

วิธีการและขอบเขต

ระบบจะ escape ข้อความก่อนใส่ในตัวอย่าง และ CSS ที่ส่งออกใช้ translateX หรือ translateY พร้อมทางเลือกสำหรับ prefers-reduced-motion

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

ทำให้ข้อความเลื่อนเร็วขึ้นได้อย่างไร

ลดระยะเวลาต่อรอบ ระยะเวลานี้คือจำนวนวินาทีที่ใช้เลื่อนครบหนึ่งรอบ

เลื่อนข้อความหลายบรรทัดในแนวตั้งได้ไหม

ได้ เลือกขึ้นหรือลง แล้วข้อความหลายบรรทัดจะเคลื่อนเป็นบล็อกเดียวกัน

เมื่อเปิดการลดการเคลื่อนไหวจะเกิดอะไรขึ้น

ตัวอย่างและโค้ดที่ส่งออกมีทางเลือก prefers-reduced-motion ซึ่งจะหยุดการเคลื่อนไหวต่อเนื่องเมื่อผู้ใช้ร้องขอ

ความเป็นส่วนตัวและแหล่งอ้างอิง

ข้อความจะประมวลผลในเบราว์เซอร์นี้และจะไม่ถูกอัปโหลด

ไม่ควรใช้ข้อความเลื่อนเป็นวิธีเดียวในการนำเสนอข้อมูลสำคัญ ควรมีข้อความแบบคงที่และเคารพการตั้งค่าลดการเคลื่อนไหว