# animation examples

[JS](../../js) ⟩ [browser](..) ⟩ [animation]() ⟩ examples

{% tabs %}
{% tab title="💈範例" %}
* [moving-cat](ex/moving-cat "mention") - updating <mark style="color:yellow;">`elem.style.left`</mark>.
* [cat-in-hat](ex/cat-in-hat "mention") - updating <mark style="color:yellow;">`elem.style.top/left`</mark>.
* [cat-behind-hat](ex/cat-behind-hat "mention") - updating <mark style="color:yellow;">`elem.style.transform`</mark>.
{% endtab %}

{% tab title="👥 相關" %}
* [.requestanimationframe](../dom/type/window/.requestanimationframe "mention")
{% endtab %}

{% tab title="📗 參考" %}
* [ ] Eloquent JS ⟩ DOM ⟩ [Positioning & Animating](https://eloquentjavascript.net/14_dom.html#h_MAsyozbjjZ)
{% endtab %}
{% endtabs %}
