---
# System prepended metadata

title: GSAP3 時間軸 timeline
tags: [Gsap]

---

---
tags: Gsap
---
###### tags: `gsap`
# GSAP3 時間軸 timeline
定義時間軸
var tl = gsap.timeline();

基礎語法
時間軸.方法( '選擇器', {屬性值} );
讓具有 .header-title 類別的元素在 0.5 秒內的不透明度㺤 0 變成 1
```javascript=
var tl = gsap.timeline();
tl.to( '.header-title', {
  duration: 0,
  opacity: 1
};
```


var tl = gsap.timeline({repeat: 30, repeatDelay: 1});

tl.to(".green", {duration: 1, x: 200});
tl.to(".orange", {duration: 1, x: 200, scale: 0.2});
tl.to(".grey", {duration: 1, x: 200, scale: 2, y: 20});