AnimationEvent: AnimationEvent() ìì±ì
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2016ë 8ì.
AnimationEvent() ìì±ìë ì ëë©ì´ì
ì ê´ë ¨ë ì´ë²¤í¸ë¥¼ ëíë´ë AnimationEvent ê°ì²´ë¥¼ ìë¡ ìì±íê³ ë°íí©ëë¤.
구문
new AnimationEvent(type)
new AnimationEvent(type, options)
매ê°ë³ì
type-
AnimationEventì ì íì ëíë´ë 문ìì´ì ëë¤. ëì문ì를 구ë¶íë©° ë¸ë¼ì°ì ëanimationstart,animationend,animationiterationì ì¬ì©í©ëë¤. optionsOptional-
Event()ìì ì¬ì©í ì ìë ìì±ì ëí´ ë¤ì ìì±ë¤ë í¬í¨íë ê°ì²´ì ëë¤.animationNameOptional-
í¸ëì§ì ì ì°ê´ë
animation-nameCSS ìì± ê°ì ë´ì 문ìì´ì ëë¤. 기본 ê°ì""ì ëë¤. elapsedTimeOptional-
ì´ ì´ë²¤í¸ê° ë°ìí ìì ê¹ì§ ì ëë©ì´ì ì´ ì¬ìë ì´ ìê°ì ëíë´ë
floatê°ì ëë¤. ì´ ë¨ìë©°, ì ëë©ì´ì ì´ ì¼ìì¤ì§ëë ìê°ì ì ì¸í©ëë¤.animationstartì´ë²¤í¸ìelapsedTimeìanimation-delayì ê°ì´ ììì¸ ê²½ì°ìë§(-1 * delay)ê° ëê³ , ê·¸ ì¸ìë0.0ì ëë¤. pseudoElementOptional-
ì ëë©ì´ì ì´ ì¬ì ì¤ì¸ ìì¬ ììì ì´ë¦ì ë´ì,
'::'ì¼ë¡ ììíë 문ìì´ì ëë¤. ì ëë©ì´ì ì´ ì¼ë° ìììì ì¬ì ì¤ì´ë¼ë©´ ë¹ ë¬¸ìì´('')ì ë°íí©ëë¤.
ëª ì¸ì
| Specification |
|---|
| CSS Animations Level 1 > # dom-animationevent-animationevent > |
ë¸ë¼ì°ì í¸íì±
ê°ì´ 보기
- CSS ì ëë©ì´ì ì¬ì©í기
- ì ëë©ì´ì
ê´ë ¨ CSS ìì±ê³¼ @ê·ì¹:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes - ì´ ìì±ìê° ìí
AnimationEventì¸í°íì´ì¤.