-webkit-애니메이션 플레이 상태가 호버

내 CSS를 작동하지하면 다음과 같다 :-webkit-애니메이션 플레이 상태가 호버

이

#icon01{ 
-webkit-animation: moveone 2.5s ease-in-out 1.7s infinite alternate; 
-moz-animation: moveone 2.5s ease-in-out 1.7s infinite alternate; 
-o-animation:  moveone 2.5s ease-in-out 1.7s infinite alternate; 
animation:   moveone 2.5s ease-in-out 1.7s infinite alternate; 
-ms-animation:  moveone 2.5s ease-in-out 1.7s infinite alternate; 
-webkit-animation-play-state: paused; 
-moz-animation-play-state: paused; 
-o-animation-play-state: paused; 
-ms-animation-play-state: paused; 
animation-play-state: paused;} 

    #icon01:hover{ 
    -webkit-animation-play-state: running; 
    -moz-animation-play-state: running; 
    -o-animation-play-state: running; 
    -ms-animation-play-state: running; 
    animation-play-state: running;}

미안 키 프레임 부분을 게시하는 것을 잊었다.

@keyframes moveone{ 
from {transform: none;} 
to {transform: rotateX(180deg) rotateY(-15deg) rotateZ(0deg) perspective(0px) translateZ(10px);}} 

@-webkit-keyframes moveone{ 
from {-webkit-transform: none;} 
to {-webkit-transform: rotateX(180deg) rotateY(30deg) rotateZ(0deg) perspective(0px) translateZ(10px);}} 

@-moz-keyframes moveone{ 
from {-moz-transform: none;} 
to {-moz-transform: rotateX(-180deg) rotateY(-15deg) rotateZ(0deg) perspective(0px) translateZ(10px);}} 

@-o-keyframes moveone{ 
from {-o-transform: none;} 
to {-o-transform: rotateX(180deg) rotateY(-15deg) rotateZ(0deg) perspective(0px) translateZ(10px);}} 

@-ms-keyframes moveone{ 
from {-ms-transform: none;} 
to {-ms-transform: rotateX(180deg) rotateY(-15deg) rotateZ(0deg) perspective(0px) translateZ(10px);}}

어떻게 든이 기능은 호버에서 작동하지 않습니다. 은 또한 하나

출처

2013-03-31 user2206436

모든 것이 제대로 작동합니다. 아마도 키 프레임이 아닙니다. 맞아요. http://jsfiddle.net/Tyriar/frMfd/ (Chrome) –

안녕하세요! 바이올린을 확인했는데 완벽하게 작동합니다 !!! 그래서 왜 광산이 보이지 않는지 확인했습니다. ork, 그리고 나는 "포인터 이벤트 : 없음;"을 부모님 div에 있음을 깨달았다 !! 예를 들어 주셔서 감사합니다. 그렇지 않으면 코드를 비교하지 않을 것이며 그 실수가 있음을 알 수 있습니다! – user2206436

:-(당신이 각 접두사 애니메이션 구문을 적어 가정 일을 못해 부모 DIV에 가져가 상태를 사용하려고?

@-webkit-keyframes animationname 
{ 
    //some wild transitions 
}

당신은 내가 너무 게시되지 않은 그렇지 않으면 당신이 목표로 삼고있는 사업부일지도 모르지만, HTML을 게시하지 않았으므로 무엇이 잘못되었는지 알 수 없습니다.

출처

2013-03-31 16:00:02 marciano

내 코드가 업데이트되었습니다. @keyframes에 추가했습니다. – user2206436

고마워요! 방금 "포인터 이벤트 : 없음"을 깨달았습니다. 내 부모 div에서 마우스를 올리면 영향을받습니다 !!! – user2206436

-webkit-애니메이션 플레이 상태가 호버

답변

관련 문제