01.마우스 이펙트 : 정답 확인하기 유형
마우스를 따라다니는 효과입니다.
- 데이터 저장하기 : 변수
- 데이터 불러오기 : 함수
- 데이터 불러오기 : for(), forEach()
- 이벤트 객체 : mousemove, mouseover,mouseout
- 이벤트 속성 : clientX,clientY,offsetX,offsetY,pageX,pageY,screenX,screenY
- 요소객체 : querySelector(), querySelectorAll(), getAttribure
02.마우스 이펙트
GSAP를 이용해서 마우스를 따라다니는 효과
- 데이터 저장하기 : 변수
- 데이터 불러오기 : 함수
- 데이터 불러오기 : for(), forEach()
- 요소객체 : querySelector()
- 라이브러리 : GSAP
- 이벤트 객체 : mouseenter,mouseleave
03.마우스 이펙트
마우스를 따라다니는 조명 효과
- 데이터 저장하기 : 변수
- 데이터 불러오기 : 함수
- 이벤트 객체 : mouseover
- 이벤트 속성 : clientX,clientY,offsetX,offsetY,pageX,pageY,screenX,screenY
- 라이브러리 : GSAP: to()
- CSS: background-attachment: fixed;