프론트 개발 블로그

CSS Animations 은 frame-skipping 같은 여러 기술을 이용하여 최대한 부드럽게 렌더링 됩니다. 브라우저는 애니메이션의 성능을 효율적으로 최적화할 수 있습니다. // 예시 코드 animation: sprite-ani 1s infinite steps(17); /* animation-duration: 1s; animation-timing-function: steps(17); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sprite-ani; */ an..

IE10+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Style Code */ } Edge @supports (-ms-ime-align:auto) { /* CSS code */ } IE10 이하는 버린다. 참고 https://unto.kr/blog/coding-info/only-ie-css/