AnimationEvent
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015ë 9ì.
AnimationEvent ì¸í°íì´ì¤ë ì ëë©ì´ì
ê³¼ ê´ë ¨ë ì 보를 ì ê³µíë ì´ë²¤í¸ë¥¼ ëíë
ëë¤.
ìì±ì
AnimationEvent()-
주ì´ì§ 매ê°ë³ìë¡
AnimationEvent를 ìì±í©ëë¤.
ìì±
Event ì¸í°íì´ì¤ì ìì±ì ììí©ëë¤.
AnimationEvent.animationNameì½ê¸° ì ì©-
ì ëë©ì´ì ì ìì±í
animation-nameì ê°ì ë´ì 문ìì´ì ëë¤. AnimationEvent.elapsedTimeì½ê¸° ì ì©-
ì´ ì´ë²¤í¸ê° ë°ìí ìì ê¹ì§ ì ëë©ì´ì ì´ ì¬ìë ì´ ìê°ì ëíë´ë
floatê°ì ëë¤. ì´ ë¨ìë©°, ì ëë©ì´ì ì´ ì¼ìì ì§ëë ìê°ì ì ì¸í©ëë¤.animationstartì´ë²¤í¸ìelapsedTimeìanimation-delayì ê°ì´ ììì¸ ê²½ì°ìë§(-1 * delay)ê° ëê³ , ê·¸ ì¸ìë0.0ì ëë¤. AnimationEvent.pseudoElementì½ê¸° ì ì©-
ì ëë©ì´ì ì´ ì¬ì ì¤ì¸ ìì¬ ììì ì´ë¦ì ë´ì,
'::'ì¼ë¡ ììíë 문ìì´ì ëë¤. ì ëë©ì´ì ì´ ì¼ë° ìììì ì¬ì ì¤ì´ë¼ë©´ ë¹ ë¬¸ìì´('')ì ë°íí©ëë¤.
ë©ìë
Event ì¸í°íì´ì¤ì ë©ìë를 ììí©ëë¤.
ëª ì¸ì
| Specification |
|---|
| CSS Animations Level 1 > # interface-animationevent > |
ë¸ë¼ì°ì í¸íì±
ê°ì´ 보기
- CSS ì ëë©ì´ì ì¬ì©í기
- ì ëë©ì´ì
ê´ë ¨ CSS ìì±ê³¼ @ê·ì¹:
animation,animation-composition,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes