혹시 폰트어썸도 애니메이션이 적용이 될까 싶어서 호기심에 만들어본 친효애드온 입니다. 결론적으로 말씀드리자면 되는군요! 폰트 어썸도 애니메이션을 구간별로 적용 시켜서 마치 변화하는 듯한 애니메이션 효과를 연출 할 수 있습니다. 여기에서 애니메이션이란 폰트어썸에서 제공하는 애니메이션이 아닌, 키프레임을 사용하는 경우를 말합니다. 말이 길었죠? 바로 세팅 후 사용해 봅시다.
아래는 미리보기 예시 입니다. 마우스도 올려보시기 바랍니다.
짧은 링크글
텍스트가 제법 중간 사이즈 정도 되는 링크글
이것은 짧은 글의 몇 배 이상이 되는, 그러니까 텍스트가 꽤 긴 사이즈를 자랑하는, 본문 가로 사이즈를 넘어서는 그런 링크글
기본 애니메이션은 링크 글 앞에 배터리가 차오르는 동작이 들어있습니다. 마우스를 올려 보시면 색이 변하면서 애니메이션이 멈춥니다. 그리고 마우스를 벗어나면 다시 재생됩니다. 실험삼아서 연출해봤는데 성공해서 기쁘군요!
아래의 첨부파일을 다운로드 받아서 스킨의 CSS 페이지에 그래도 붙여넣기 해주세요.
친효애드온 - 본문 중간 수동 링크 (마크8) CSS.txt 0.00MB
친효애드온! 본문 중간 수동 링크 (마크7)
아래의 글을 참고하시어 적용시키면 됩니다.
친효애드온 사용 방법
기존 친효애드온 사용 방법들과 동일합니다. rgyLink8 이라고 하는 class명을 가진 div로 링크글을 감싸주면 됩니다. 어렵지 않습니다. 그러면 잘 사용해 주시기 바랍니다. 끝.