스크롤 트리거1 2021-06-23 (72일차) 애니메이션 아코디언 구현, show, fadeIn, slideDown, gsap, 애니메이션 역사 자바스크립트 73강~78강 GSAP와 스크롤트리거 1강~5강 - 자바스크립트 애니메이션 방식 3가지 : 'display의 none과 block'을 사용하여 애니메이션을 주던 기존 방식을 버리고 이런 방법들이 있음 1) 태그.show(); ↔ hide : 태그의 style에 'display : block'이 삽입되는 방식 ( css의 display : none을 무시하게 됨) 2) 태그.fadeIn(시간); ↔ fadeOut : 'transition' 효과를 추가로 준 것 처럼 부드럽게 나옴 ㄴ 괄호 안에 시간을 걸을 수 있음 3) 태그.slideDown(시간); ↔ slideDown : 'transform : translateY' 효과를 추가로 준 것 처럼 위 > 아래 부드럽게 내려옴 ㄴ 괄호 안에 시간.. 2021. 6. 24. 이전 1 다음