2021-08-24 (134일차)wiken.io 블로그 사용법, lodash, 마우스 움직임에 따라 흔들리는 개체 만들기

 위켄사용법 1강~3강 

 자바스크립트와 제이쿼리 기초 102강 

 유용한 소스코드 17~19강 (필요할 때 보는 용도)

 

 

 

- 마우스 움직임에 따라 흔들리는 개체 만들기

  to2.kr/c37  에서

YzQzjNJ

jquery와 lodash 가져오기

스크립트 전부 가져오기

클래스에 mousemove-effect-1-el 넣어주기

텍스트라면 최소한 inline-block으로 만들어주기 (transform로 인해 움직이는 원리인데, inline에게는 통하지 않음)

data-mousemove-effect1-hor-res="0.1" data-mousemove-effect1-ver-res="0.1" 을 태그 안에 넣어주기

※ 여기서 hor은 가로, ver은 세로를 나타낸다. (0.1은 마우스가 움직이는 범위의 10%를 의미한다.)

See the Pen by minicoding (@minicoding) on CodePen.