경제,재테크,핫이슈/직장인 부업

마우스를 따라 움직이는 하트,별,물방울(팅커벨효과)

직장인김서방 2022. 6. 25. 17:32
반응형

티스토리 마우스커서 따라오는 하트 효과적용 방법

정보를 검색하다가 어느 티스토리를 방문했는데 마우스커서를 따라서 하트가 보이는거에요. 너무예뻐서 어떻게 하는지 알아보고 바로 여러분들께도 소개해드릴려고 글을쓰게되었습니다.

마우스따라다니는 하트효과
마우스따라다니는 별모양(팅커벨효과)
마우스따라다니는 물방울

마우스 효과 적용방법

위 사진이 가장 많이 사용하는 마우스 움직임에 따라 나오는 효과들입니다.
1번째가 하트, 2번째가 별(팅커벨), 3번째가 물방울 모양 입니다.

적용하는 방법은 먼저 http://www.mf2fm.com/rv/dhtmlheartcursor.php 사이트로 이동해주세요.

마우스효과를 줄 수 있는 메뉴

이곳에 들어가서 상단에 보이는 MOUSE EFFECTS를 누르시면 총9가지가 나옵니다. 이중에 하나하나 클릭을 하셔서 마음에 드는 효과를 적용하시면되는데요. 저는 하트가 예뻐보여서 가장 아래에 있는 LOVE HEARTS를 클릭했습니다.

마우스효과 적용하는 텍스트


그러면 화면에 보이는 문자들이 보이는데요. 이것을 그대로 복사를 해주세요. 그리고 나서 내 블로그 HTML 코드를 수정해주면됩니다. HTML코드 수정은 티스토리에 들어가서 꾸미기 > 스킨편집에 들어가셔서 Ctrl + F를 누르시고 <head>를 검색 후 <head></head> 사이에 붙여 넣으면 됩니다.

반응형