css animations
-
여러개의 Animation을 동시에 적용하고 싶다면? getAnimations()CSS 2022. 4. 5. 01:54
여러개의 애니메이션을 동시에 적용하고 싶을 땐 어떻게 하시나요? div { animation: x 2000ms infinite alternate ease-in, y 2000ms infinite alternate ease-out; } @keyframes x { from { transform: translateX(0vw) } to { transform: translateX(90vw) } } @keyframes y { from { transform: translateY(0vh) } to { transform: translateY(90vh) } } 이렇게 중첩하게되면 똑같은 2000ms 시간 내에 하나만 적용되어야 하므로 한 가지 애니메이션만 작동하게 됩니다. 하지만, 최신 브라우저에서 사용되는 Web Anim..