2013-01-10 3 views
0

@ -moz-keyframes가 작동하지 않는 이유를 알려주는 사람이 필요합니다. 최신 FF가 설치되어 있습니다. 누군가 도움이된다면 그렇게 될 것입니다.왜 이러한 @ -moz-keyframes가 작동하지 않습니까?

@-moz-keyframes accTextMove { 
25% { margin: 50px 0 0 380px; opacity: 0; } 100% { margin: 50px 0 0 30px; opacity: 1;   } 
} 

@-moz-keyframes focusTextMove { 
0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } 
} 

@-moz-keyframes accFadeTextMove { 
0% { opacity: 0; -moz-transform: scale(.5); } 100% { opacity: 1; -moz-transform: scale(1); } 
} 

@-moz-keyframes focusFadeTextMove { 
0% { opacity: 0; } 35% { opacity: 0; margin: 115px 0 0 53px; } 100% { opacity: 1; margin: 115px 0 0 140px; } 
} 

<div id="textIntroArea"> 
    <span id="accFade">Accounting</span> 
    <span id="focusFade">with focus</span> 
    <span id="acc">Accounting</span> 
    <span id="focus">with focus</span> 
</div> 

내가 무엇을 놓쳤는 지 알 수 있다면 좋을 것입니다.

+0

당신이 #accFade, #focusFade, #에 대한 CSS를 포함 할 수 있습니다 FF의 새 버전 (18.0.1)

확인이 질문의 대답은 지원하지 않습니다 acc, #focus? – wless1

+0

그게 내가 필요한 전부 였어! 나는 광고를 잊었다 : -moz-animation : accTextMove 3s 용이; #accFade 등. 요청 해 주셔서 감사합니다. – Satrop

+0

기꺼이 도와 드리겠습니다. – wless1

답변

관련 문제