# CSS events

{% tabs %}
{% tab title="⭐️ 重點" %}
{% hint style="info" %}
* [<mark style="color:purple;">`transitionend`</mark>](https://developer.mozilla.org/en-US/docs/Web/API/Element/transitionend_event) – when a <mark style="color:yellow;">**CSS-animation finishes**</mark>.
{% endhint %}
{% endtab %}

{% tab title="📘 手冊" %}
* [..](.. "mention") ⟩ ["transitionend" event](https://developer.mozilla.org/en-US/docs/Web/API/Element/transitionend_event)
{% endtab %}

{% tab title="👥 相關" %}
* [css](../../../css "mention")
{% endtab %}
{% endtabs %}
