마우스 효과2 마우스 이펙트 - 이미지 효과 마우스 효과 마우스 이펙트 - 이미지 효과 가운데 이미지를 하나 더 넣어서 마우스 움직일때 가운데 이미지만 조금 움직여 이질감(?)이 느껴지는 효과를 넣어보겠습니다. 결과 원본 소스 보기 원본 사이트 보기 HTML 작성 커서 한개와, 가운데 이미지를 넣을것이므로 figure태그를 만들어줍니다. 소스 보기 The present and the future are somehow connected. 현재와 미래는 어떻게든 연결되어 있다. CSS 작성 이미지를 정가운데에 만들어줍니다. 소스 보기 /* mouseType */ .mouse__wrap { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; fle.. 2022. 9. 22. 마우스 이펙트 - 마우스 따라다니기 마우스 효과 마우스 이펙트 - 마우스 따라다니기 마우스 커서를 따라다니는 마우스에 효과주는법을 배워보도록 합시다. 결과 원본 소스 보기 원본 사이트 보기 HTML 작성 배경에 사진을 넣도록 배경과, 글씨들 중간중간 중요한 단어들을 span으로 처리했습니다. 좌측 아래에 마우스커서의 위치를 나타내는 메서드들을 작성할 박스를 만들어줍니다. 소스 보기 I haven't failed. I've discovered 10,000 ways that don't work. 나는 실패한 게 아니다. 나는 잘 되지 않는 방법 1만 가지를 발견한 것이다. clientX : 0px clientY : 0px offsetX : 0px offsetY : 0px pageX : 0px pageY : 0px screenX : 0px sc.. 2022. 9. 12. 이전 1 다음