animation-direction 차이
1. 애니메이션 방향이 달라도 진행은 같게 (1). 애니메이션 방향이 다르면 결과가 다르다? keyframe을 이용해 좌 → 우로 이동하는 애니메이션을 만들었다. @keyframes slide { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(500px, 0, 0); } } 그리고, 첫번째 사각형에는 애니메이션 방향을 기본으로, 두 번째에는 reverse로 지정했다. 그렇다면, reverse를 한 사각형과 그렇지 않은 사각형의 애니메이션은 같을까? 답은 아니다! 아래 예시는 다른 방향을 적용한 모습이다. (*css-trick 예시*) 실행버튼을 클릭하면 애니메이션 방향만 다른데, 진행 흐름이 다른 걸 알 수 있다. See th..
2021. 9. 12.
