제이쿼리 애니메이션 소스 적용법..
본문
답변 2
이런류의 소스를 제공하는 사이트를 보시면 GitHub 링크가 걸려있습니다.
GitHub의 레포지토리로 이동하면 해당 소스의 사용법을 대부분 소개합니다.
문의하신 animate.css 도 자세히 설명되어 있네요.
1. 다운받으신 스타일시트를 <head>영역에 포함시킨다.
2. 애니메이션 효과를 줄 요소에 animated 클래스를 추가한다. 무한 반복을 원한다면 infinite 클래스를 추가한다.
3. 원하는 애니메이션 효과의 클래스명을 추가한다.
<h1 class="animated infinite bounce">Example</h1>
참고로, 해당 애니메이션 효과는 CSS3의 애니메이션을 활용하는 것이기에 애니메이션을 지원하는 브라우저에서만 작동합니다.
해당 문서에서도 단순히 클래스명을 직접 입력하거나 jquery를 이용해 클래스를 추가하는 정도만을 언급하고 있습니다. 즉, 애니메이션을 jquery로 구현하는 것이 아닌 CSS3 Animation 을 이용하는 것입니다.
답변정말감사드립니다!
답변을 작성하시기 전에 로그인 해주세요.
