CSS 전환이 작동하지 않습니까?

나는 어떤 이유로 CSS 전환이 작동하지 않는 것 같습니다. 나는 이것이 아주 간단한 실수라고 확신한다. 그러나 나는 지금 1 시간 동안 벽에 머리를 치고 있었다. Windows 7 64 비트에서 mozilla firefox 4.0.1을 사용하고 있습니다. 아직 표준화되지 않는CSS 전환이 작동하지 않습니까?

<style> 
a:link { 
transition: color 1s ease-in-out; 
color: #fff; 
text-decoration: none; 
text-shadow: 1px 1px #000; 
} 

a:hover { 
color: #0072bc; 
text-decoration: none; 
text-shadow: 1px 1px #000; 
} 
</style> 
<a href="#">test</a>

출처

2011-05-14 Zachary

자세한 내용을 원할 경우 작성한 자습서를보십시오. http://css3.bradshawenterprises.com –

당신은 -moz- 접두사를 사용해야합니다. 따라서 :

-moz-transition: color 1s ease-in-out;

출처

2011-05-14 20:27:46 Andrea

고마워요, 잊어 버렸습니다. – Zachary

CSS 전환은 실험적이지만 일부 엔진에서 구현됩니다. 당신은 특정 속성을 사용해야합니다

-moz-transition /* for gecko based like firefox*/ 
-webkit-transition /* for chrome safari ... */ 
-o-transition /* for opera*/

출처

2011-05-14 20:28:19 sitifensys

실험적이어서 구문이 변경 될 수 있음을 의미하지는 마십시오. – sitifensys

나는 그것이 브라우저 고유의 접두사를 필요로하는 새로운 CSS 속성 중 하나라는 것을 잊어 버렸다. – Zachary

IE10pp2의 경우 아마 -ms-transition이 나온다. –

이도 그래서 여기에 모든 브라우저에서 작동있어 JQuery와/JQuery와 UI를 수행 할 수 있습니다 =) http://docs.jquery.com/UI/Effects/ClassTransitions

출처

2011-05-14 21:34:17

당신의 SASS 프레임 워크에 보일 것입니다 CSS 저작. 프레임 워크가 모든 것을 처리하기 때문에 실험 종속성에 대해 걱정할 필요가 없습니다.

출처

2011-05-15 00:30:16 iGbanam

CSS 전환이 작동하지 않습니까?

답변

관련 문제