WebKit에서 transition-FOUC?

Question

WebKit은 나를 괴롭혔다 : 페이지로드시 초기 브라우저 기본값 인 transition에 애니메이션이 적용됩니다. 나는

a:link { 
    color: black; 
    -webkit-transition: color 1s; 
} 

같은 것을 가지고 있지만 color: blue에서 사라질 것입니다! 다른 속성은 FOUC의 영향을받지 않고 transition 만 영향을받습니다.

불행히도 재현하기가 어렵습니다. jsfiddle로 관리 할 수 ​​없었습니다. (스크립트와 스타일 H5BP 스타일은 &가 축소 된 concat'ed :

1. 는 "DEV"버전 : 내 (틀림없이 가장자리)의 경우는 설정과 같이하는 <script />의의 무리와 <style type="text/less" />의
2. 생산 버전 lessc 에드, 각각)

FOUC는 상황 2에 표시 것입니다,하지만 난 @font-face의 일부 스타일의 @import들 인라인 후 그 정지 첫번째. 해결 방법,하지만 그것

그래서이로드 시간/순서와 함께해야 할 것 같아요?
아무도 이런 일이 발생하지 않았습니까? (나는 그렇지 않다고 생각합니다.)

적어도 언젠가는 누군가가이 문제에 부딪쳐이를 유용하게 생각할 것입니다.

Answer 1

내가 추측해야만한다면, 당신이 당신의 색깔 앞에 당신의 전이를했기 때문이라고 말할 수 있습니다. 이렇게하면 링크가 기본 색상 (파란색) 인 상태에서 전환을 할당 한 다음 색상을 변경하도록 (이론적으로) 말한 것입니다.

브라우저 기본값에서 전환하지 않도록 전환을 최우선으로하십시오.