텍스트 효과, 텍스트 이동, 애니메이션 효과
본문
제가 디자인을 해보고 싶은데
글자가 희미해지면서
가운데로 이동하는 효과를 주고 싶습니다.
시간이 지나면서 바뀌는 애니메이션(?)이나 드래그 이동(?)으로 생각해보는데
가능한건지, 이런 효과가 실제 쓰이는지..
혹시 참고할만한 사이트나 자료가 있는지 궁금합니다...
web'css 만 알고 있는데 거긴 없는 것 같아서요ㅠㅠ
아시는 분 부탁드리겠습니다 ( - - )
답변 2
최근에 많이 사용되는 인터렉션으로 스크롤 위치를 기반으로 설계할 수 있습니다.
바닐라 자바스크립트나 제이쿼리로도 구현이 가능하지만 스크롤 관련 이벤트는
GSAP 라이브러리의 ScrollTrigger 플러그인을 많이 사용합니다.
- https://gsap.com/
ScrollTrigger 예제는 구글에 검색하시면 많이 나오니 참고하시면 되겠습니다.
잘 해결되시면 채택 한번 부탁드립니다^^
답변을 작성하시기 전에 로그인 해주세요.