<aside> <img src="/icons/tag_blue.svg" alt="/icons/tag_blue.svg" width="40px" />

[유데미] 실전 GSAP의 scrollTrigger를 활용한 웹사이트제작

• 기간
  • HTML, CSS, JS: 25.04.13(일) ~ 25.04.23(수)
  • React, tailwind CSS:
• reference </aside>

Github

https://github.com/gyungsubLee/gsap_prac-raw-

https://github.com/gyungsubLee/gsap_prac

todo

• overflow: hidden
• 흐리게 보이는 효과 blur
  • backdrop-filter: blur(30px)

padding을 주면, box-size: border-box를 줘야한다.

• 기본 CSS 설정

CSS

DOM

GSAP - interactive 애니메이션 효과