동일한 btn에서 2 개의 animate.css 클래스를 사용하십시오.

Question

Animate.css (http://daneden.me/animate/)를 사용하여 버튼을 애니메이션으로 만들려고합니다.

동일한 요소에 2 개의 클래스가있을 수 있습니까? 나는 fadeInUpBig를 한번 해보고 싶습니다. 그리고 나서 그것은 무한대로 뒤집습니다.

감사합니다. 감사합니다.

Answer 1

내 코드를 확인 : http://jsfiddle.net/alexgrcs/GuvWq/4/

난 그냥이 애니메이션 ("fadeInUpBig"와 "플립")로 animate.css의 사용자 지정 빌드를 다운로드와 같은 .fullAnimation 클래스 모두에서 키 프레임을 선언했다.

.fullAnimation { 
-webkit-backface-visibility: visible !important; 
-moz-backface-visibility: visible !important; 
-o-backface-visibility: visible !important; 
backface-visibility: visible !important; 
-webkit-animation: fadeInUpBig 1s, flip 1s 1s infinite; 
-moz-animation: fadeInUpBig 1s, flip 1s 1s infinite; 
-o-animation: fadeInUpBig 1s, flip 1s 1s infinite; 
animation: fadeInUpBig 1s, flip 1s 1s infinite; 
-webkit-animation-fill-mode:both; 
-moz-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
-o-animation-fill-mode:both; 
animation-fill-mode:both; 
} 

하나의 키 프레임이 다른 인스턴스 뒤에 호출되어 두 번째 인스턴스에 1 초 지연을 추가하는 애니메이션 인스턴스를 살펴보십시오. 이 방법에 대한 자세한 내용은이 기사에서 확인할 수 있습니다. http://www.css3files.com/animation/

희망이 있습니다. :)