애니메이션을 나타내기 위해서는 여러가지 선택지가 있다.
css transition, animation keyframes, js 등으로 할 수 있는데
그 중에서 가장 자연스러우면서 부드러운 애니메이션을 구현하는 것은
keyframes이다. 인 것 같다.
예를 들어 슬라이더를 구현할 때
똑같이 opacity 값을 바꿔가면서 fade-in, fade-out 효과를 준다고 하면
js는 딱 있다가 없다 느낌이고
transition은 느낌이라도 살린 느낌이라면
keyframes는 부드럽게 샤랄라한 느낌이다.
결론 : jquery로 keyframes를 제어하는 것이 가장 유용하고 필요한 기술인 것 같다.
keyframes의 value 값까지 js에서 속성 추가하고 제어할 수 있으면 참 좋겠지만
퍼센트 케이스만 제어할 수 있다는 점이 매우 아쉽다.
'JavaScript' 카테고리의 다른 글
21.04.10 switch (0) | 2021.04.14 |
---|---|
21.04.05 map, reduce, concat, parseInt (0) | 2021.04.09 |
21.04.05 e.target.value에 대한 탐구 (2) | 2021.04.05 |
21.01.24 자바스크립트에 대해서 (0) | 2021.01.24 |
21.01.14 프로젝트#1 파비콘 (2) | 2021.01.15 |