티스토리 뷰
function mousemove(e){
let positionSlow = (e.pageX - (window.innerWidth/2))*0.1;
let positionFast = (e.pageX - (window.innerWidth/2))*0.2;
gsap.to(".spanSlow", {duration: 0.4, x: positionSlow});
gsap.to(".spanFast", {duration: 0.4, x: -positionFast});
gsap.to(".cursor", {duration: 0.3, left:e.pageX, top:e.pageY});
}
document.addEventListener("mousemove",mousemove);
'Script samlpe > Mouse Effect' 카테고리의 다른 글
08.마우스 이펙트 - 따라서 움직이는 이미지 효과 및 마우스 버블 효과 (0) | 2022.04.17 |
---|---|
07.마우스 이펙트 - 이미지 오버 효과 (0) | 2022.04.17 |
05.마우스 이펙트 - 이미지 효과(2) (0) | 2022.03.11 |
04.마우스 이펙트 - 이미지 효과(1) (0) | 2022.03.11 |
03. 마우스 이펙트 : 조명 효과 / getBoundingClientRect() (0) | 2022.03.11 |
댓글
© 2018 webstoryboy