JavaScript

21.01.16 프로젝트#1 keyframes

슈팅스타제제 2021. 1. 17. 05:23

애니메이션을 나타내기 위해서는 여러가지 선택지가 있다. 

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