친절한효자손 취미생활

혹시 폰트어썸도 애니메이션이 적용이 될까 싶어서 호기심에 만들어본 친효애드온 입니다. 결론적으로 말씀드리자면 되는군요! 폰트 어썸도 애니메이션을 구간별로 적용 시켜서 마치 변화하는 듯한 애니메이션 효과를 연출 할 수 있습니다. 여기에서 애니메이션이란 폰트어썸에서 제공하는 애니메이션이 아닌, 키프레임을 사용하는 경우를 말합니다. 말이 길었죠? 바로 세팅 후 사용해 봅시다.

 

미리보기

아래는 미리보기 예시 입니다. 마우스도 올려보시기 바랍니다.

 

 

기본 애니메이션은 링크 글 앞에 배터리가 차오르는 동작이 들어있습니다. 마우스를 올려 보시면 색이 변하면서 애니메이션이 멈춥니다. 그리고 마우스를 벗어나면 다시 재생됩니다. 실험삼아서 연출해봤는데 성공해서 기쁘군요!

 

CSS 세팅

아래의 첨부파일을 다운로드 받아서 스킨의 CSS 페이지에 그래도 붙여넣기 해주세요.

 

친효애드온 - 본문 중간 수동 링크 (마크8) CSS.txt
0.00MB

 

 

사용 방법

아래의 글을 참고하시어 적용시키면 됩니다.

 

 

기존 친효애드온 사용 방법들과 동일합니다. rgyLink8 이라고 하는 class명을 가진 div로 링크글을 감싸주면 됩니다. 어렵지 않습니다. 그러면 잘 사용해 주시기 바랍니다. 끝.

당신을 위한 콘텐츠

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드

  1. 너무 이뻐요!! 잘 사용하겠습니다~~!!
    2020.10.16 09:10 신고
loading