티스토리 뷰
//설명. 참고사항.
highlight();
modal();
tabMenu();
function mousemove(e){
let positionSlow = (e.pageX - (window.innerWidth/2)) * 0.1;
let positionsFast = (e.pageX - (window.innerWidth/2)) * 0.3;
gsap.to(".spanSlow", {duration: 0.4, x: positionSlow});
gsap.to(".spanFast", {duration: 0.4, x: -positionsFast});
gsap.to(".cursor", {duration:0.3, left: e.pageX, top: e.pageY});
}
document.addEventListener("mousemove", mousemove);
'Script Sample > Mouse Effect' 카테고리의 다른 글
Mouse Effcet 08. 이미지효과 & 마우스 무브 효과 (0) | 2022.04.12 |
---|---|
Mouse Effcet 07. 오버효과 (0) | 2022.04.12 |
Mouse Effcet 05. 이미지 효과 2 / Math.max(), Math.min() (0) | 2022.02.24 |
Mouse Effcet 04. 이미지 효과 / window.innerWidth,innerHeight (0) | 2022.02.24 |
Mouse Effcet 03. 마우스 조명 효과 / getBoundingClientRect() (0) | 2022.02.23 |
댓글
© 2018 webstoryboy