css переходы, не работающие в сафари

Question

Если вы посмотрите на мою страницу http://debourg-dev.ch/crea/, вы увидите, что эффекты перехода на мои ссылки не работают в сафари (протестированы в последней версии на Mac). Мой код:

a { 
    color: inherit; 
    text-decoration: none; 
    -webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out; 
} 

В чем проблема?

Answer 1

Переход, похоже, работает для меня при работе с OSX 10.9.1 и Safari 7.0.1. Если бы я должен был догадаться, проблема, скорее всего, связана с кэшированием. Попробуйте очистить кеш и посмотреть, не исчезла ли проблема.

Answer 2

Я боролся с этим тоже, и я знаю, что это старый вопрос, но я получил здесь от Google, и я думал, что это может быть полезным для всех, кто приземляется здесь ...

кажется Safari имеет ошибку и дроссели на transition: all; (или просто transition: Xs;, потому что свойство «все» является свойством по умолчанию). Это даже приводит к сбоям некоторых версий рабочего стола и iOS Safari.

РЕШЕНИЕ: Измените его на transition: color 0.5s ease-in-out; (Или, конечно, любое другое имущество, просто убедитесь, что это не «все».)

Это также может быть проблемой, в частности, с переходом применяются глобально якорные теги - читать далее here

подробнее о Safari crashing

И here

Answer 3

Для Safari попробуйте следующее:

-webkit-переход: ширина 190 мс линейная;

где ширина представляет измененное свойство, предотвращает использование «всех», поскольку разные браузеры интерпретируют это по-другому и могут вызывать проблемы, особенно в браузере Safari.