텍스트 효과, 텍스트 이동, 애니메이션 효과

텍스트 효과, 텍스트 이동, 애니메이션 효과

QA

텍스트 효과, 텍스트 이동, 애니메이션 효과

본문

제가 디자인을 해보고 싶은데
글자가 희미해지면서

가운데로 이동하는 효과를 주고 싶습니다.

시간이 지나면서 바뀌는 애니메이션(?)이나 드래그 이동(?)으로 생각해보는데

가능한건지, 이런 효과가 실제 쓰이는지.. 

혹시 참고할만한 사이트나 자료가 있는지 궁금합니다...

web'css 만 알고 있는데 거긴 없는 것 같아서요ㅠㅠ

아시는 분 부탁드리겠습니다 ( - - )

 

1025970347_1721356670.2311.png

이 질문에 댓글 쓰기 :

답변 2

최근에 많이 사용되는 인터렉션으로 스크롤 위치를 기반으로 설계할 수 있습니다.

 

바닐라 자바스크립트나 제이쿼리로도 구현이 가능하지만 스크롤 관련 이벤트는

GSAP 라이브러리의 ScrollTrigger 플러그인을 많이 사용합니다.
- https://gsap.com/

ScrollTrigger 예제는 구글에 검색하시면 많이 나오니 참고하시면 되겠습니다.

잘 해결되시면 채택 한번 부탁드립니다^^
 

가장쉽게 사용할수 있는 animate.css 가 있습니다.

처음부터 직접 해보려하지말고 플러그인을 검색하시면서 원하는걸 찾으시면됩니다.

https://animate.style/

답변을 작성하시기 전에 로그인 해주세요.
전체 12
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT