滾動文字產生工具
建立水平或垂直滾動文字，預覽動態效果並匯出可複製的 HTML/CSS。
文字與設定
方向
輸出
等待輸入或載入範例。
預覽
即使無法預覽，仍可複製下方的 HTML/CSS。
- 文字行數
- 0
- 每輪秒數
- 0
- 字號
- 0
- 內距
- 0
深入了解
使用方法
輸入文字、選擇方向與顯示樣式，預覽動態後再複製或下載 HTML/CSS。
原理與範圍
文字會先經過轉義再放入預覽，匯出的 CSS 使用 translateX 或 translateY，並提供 prefers-reduced-motion 降級。
常見問題
要讓文字移動得更快，應該怎麼設定？
調小一輪時長即可加快；時長代表完成一次移動所需的秒數。
可以讓多行文字垂直滾動嗎？
可以，選擇向上或向下後，多行文字會作為同一內容區塊一起移動。
系統開啟「減少動態效果」會怎樣？
預覽與匯出程式碼都提供 prefers-reduced-motion 降級，在使用者要求時停止持續移動。