<hr class="my-3"/>

<div class="m-[50px] overflow-hidden">
  <p id="text" class="whitespace-nowrap">
    這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例. 這是一段文字,這是一個 GSAP 跑馬燈範例
  </p>
</div>


<hr class="my-3"/>
gsap.to('#text', {
 x: -1000,
 duration: 5,
 repeat: -1,
 ease: 'none',
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.tailwindcss.com
  2. https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js