IT정보 웹디자인 유익한 정보

[css] animation, transition 퍼블리싱 할 때 속도 속성, 속성값 transition-timing-function: 에 여러가지 속성값을 줄 수 있다. div { transition-timing-function: linear; } 체감상 느낌을 표현해보면 1. ease : 빠른 느낌 ( slow fast slow) cubic-bezier(0.25,0.1,0.25,1)) 2. ease-out: 마지막이 느리다. ease 느낌 cubic-bezier(0,0,0.58,1)) 3. linear: 등속 cubic-bezier(0,0,1,1) 4. ease-in-out: 처음과 마지막이 느리다. 약간 등속느낌 cubic-bezier(0.42,0,0.58,1) 5. ease-in: 처음이 느리다...

캔바 사이트를 통하여 애니메이션 문서를 만들수 있다. (mp4로 저장한다. ) 이후 ezgif.com 에서 mp4 에서 gif 파일로 변환할 수 있다. 다양한 이미지와 애니메이션이 제공되는 사이트 캔바.. 우리나라의 미리캔버스와 비슷한 인터페이스를 가지고 있다. https://www.canva.com/ 미리캔버스 보다 다양한 애니메이션을 제공하므로 유용성이 높은거 같다. 자주 이용하게 될 거 같은 느낌. 무료와 유료로 나눠지는데.. 좀더 사용해보고 생각을 해보자..