전환 속성은 사파리에서 작동하지 않습니다 내 웹 사이트에

Question

CSS의 전환 효과 (최신 버전에서 테스트) 사파리 브라우저에서 작동하지 않습니다. 그리고 변화는 크롬, 파이어 폭스, 오페라에서 테스트 다른 브라우저에서 잘 작동한다.

.navbar-inverse ul a{ 
    overflow: hidden; 
    -webkit-transition: color 0.5s; 
    -o-transition: color 0.5s; 
    -moz-transition: color 0.5s; 
    transition: color 0.5s; 
} 

.navbar-inverse ul a::before{ 
    -webkit-transition: top 0.5s; 
    -o-transition: top 0.5s; 
    -moz-transition: top 0.5s; 
    transition: top 0.5s; 
} 

어떻게 그것을 해결하기 위해 :

내 코드

는 다음과 같습니다? 이 전환은 너무 사파리에서 작동 후.

Answer 1

문제는 당신이 의사 요소 before를 가진 요소에 대한 전환 속성을 배치한다는 것입니다. 요소 자체에 대한 전환 속성을 배치하십시오. 이것은 무슨 뜻입니다 : 코드 도움을 구하고

.navbar-inverse ul a{ 
    overflow: hidden; 
    -webkit-transition: color,top 0.5s; 
    -o-transition: color,top 0.5s; 
    -moz-transition: color,top 0.5s; 
    transition: color,top 0.5s; 
}