보여줄게1 [자바스크립트 응용] 마우스 효과05_ 반전 효과 마우스 효과 05 마우스 효과 다섯번째 시간입니다. "mouse__cursor"에 반전효과를 부여하고 마우스 위치에 따라 이미지가 약간씩 기우는 효과를 만들어 보겠습니다. 원본 소스 보기 원본 사이트 ■ n줄 요약 ▶ 마우스커서에 "mix-blend-mode : difference"를 주어 마우스포인터(원)이 겹치는 부분에 반전효과를 줄 수 있습니다. 이미지에는 "transform-style : preserve-3d"를 주어서 3D효과를 줍니다. JS 소스 const mouseMove = (e) => { // 마우스 좌표값 let mousePageX = e.pageX; let mousePageY = e.pageY; // 마우스 좌표 기준점을 가운데로 변경 let centerPageX = window.in.. 2022. 10. 3. 이전 1 다음 반응형
