1
이 애니메이션은 크롬, 파이어 폭스 및 오페라에서 완벽하게 작동합니다. 그러나 IE11 및 Microsoft Edge에서는 작동하지 않습니다. 누군가가 왜 작동하지 않는지를 지적하고 어떻게 작동시킬 수 있습니까?CSS3 애니메이션이 IE11 및 Microsoft Edge에서 작동하지 않습니다.
https://jsfiddle.net/0suvxsL3/1/
코드가 이미 마지막
이 애니메이션은 크롬, 파이어 폭스 및 오페라에서 완벽하게 작동합니다. 그러나 IE11 및 Microsoft Edge에서는 작동하지 않습니다. 누군가가 왜 작동하지 않는지를 지적하고 어떻게 작동시킬 수 있습니까?CSS3 애니메이션이 IE11 및 Microsoft Edge에서 작동하지 않습니다.
https://jsfiddle.net/0suvxsL3/1/
코드가 이미 마지막
vendor prefixes
을 사용하고, 그 문제를 해결했다. 문제는 calc()
입니다. IE와 Edge의 키 프레임에서는 작동하지 않습니다. 이것은 translateX()
을 연결하여 calc()
내부 표현식을 구성함으로써 해결할 수 있습니다. 예를 들어
는 :
left: calc(100vw - 20px)
동일한
left: translateX(100vw) translateX(-20px)