● 21-06-23, 72일차

공부기록

H-A-R 2021. 6. 24. 13:09

시험발표, 조별과제회의
아코디언 메뉴 만들기2
- show : 보이게 함
  - hide : 사라지게 함
- fadeIn(숫자(초)) : 부드럽게 보임
  - fadeOut : 부드럽게 사라지게 함
- slideDown(숫자(초)) : 슬라이드보이게, 아래로, (숫자가 높을 수록)천천히 내려오게 함
  - slideUp : 위로 올라갈때
- stop() : 실행하기전에 넣으면 같은 걸 반복안함
애니메이션
- 제이쿼리 애니메이션
- 사이트 GSAP - 플러그인, 스크롤 트리거
  - TweemMax
  - TweemLite (+ ScrollMagic)
스크롤 트리거(ScrollTrigger) : 화면에 보이면 그때 발동된다
- gsap.to('.box-1', {duration : 0.5 , x : 200, y : 200, rotate : 360}, 1);
- gsap.to('.box-1', {x : 600(오른쪽으로), rotate : 360(회전) , duration : 3(초, 애니메이션이 발동되는 시간)}, 1(자리에 머무는 시간));
- gsap.from(반대)
내일발표할 사이트 모작하기