반응형
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: -positionSlow});
gsap.to(".cursor", {duration: 0.3, left: e.pageX, top: e.pageY});
}
document.addEventListener("mousemove", mousemove)
https://jiseonpack.github.io/webs_class/javascript/effect/mouseEffect06.html
마우스 이펙트
마우스 이펙트 - 텍스트 효과 1 2 3 4 5 6 7 8 소스보기 HTML CSS JavaScript Pain Past Pain Past is pleasure. is pleasure. 지나간 고통은 지나간 고통은 쾌락이다. 쾌락이다. body::before { background: rgb(70, 70, 70, 0.33); } .m
jiseonpack.github.io
반응형
'Script Sample > Mouse Effect' 카테고리의 다른 글
| Mouse Effect08 - 마우스 효과 (0) | 2022.04.12 |
|---|---|
| Mouse Effect07 - 이미지 오버 효과 (0) | 2022.04.12 |
| Mouse Effect05 - 이미지 효과2 (0) | 2022.03.08 |
| Mouse Effect04 - 이미지 효과 (0) | 2022.02.24 |
| Mouse Effect03 - 조명 효과 (0) | 2022.02.23 |
