Резкое срабатывание hover на macOS css?

Question

[Сергей Миллер]

Привет!
Когда наводишь курсор на a href ссылку на macOS, то цвет ссылки изменяется как-то резко: сначала плавно а к концу резко и тоже самое при отведении курсора. Хотя стили самые обычные

a{color:#fff;transition:.3s}
a:hover{opacity:.7}

Почему так происходит? Хотя на windows такого нет - все цвет(прозрачность, цвет) плавно меняется, без резких переходов.

Comments

[Mikhail Osher]

Демо есть?

[Сергей Миллер]

Mikhail Osher, У Вас на Mac не так?

[Сергей Миллер]

Mikhail Osher, Да демо самое обычное

<ul>
<li><a href="#">ссылка</a></li>
</ul>

a{color:#fff;transition:.3s}
a:hover{opacity:.7}

[Mikhail Osher]

Хотите помощи - будьте добры демо людям давать, чтобы они сразу могли открыть и посмотреть/потыкать

[Philipp]

У меня тоже работает нормально https://codepen.io/anon/pen/QmOWOr

[Сергей Миллер]

Philipp, в Вашем примере у меня при наведении плавно, а при отведении резко. Может быть баг в ОС? hightSierra стоит

[Philipp]

Сергей Миллер, у меня El Capitan 10.11.6 (15G19009).
Safari 11.0.3, Firefox 59.0.2, Google Chrome 65.0.3325.181.
Везде работает одинаково.

Вы точно уверены, что у вас нет ничего, что могло переопределить стиль? Например расширение какое-нибудь или пользовательские стили.

[Сергей Миллер]

Philipp, проверял только в сафари так как работаю только в нем, такая же версия как и у Вас, точно уверен, что пользоватльские стили ни при чем, расширений никаких нет

А если Вы попробуете nofollow скажем в футере сайта на пункты меню навести курсор, нормально все будет у Вас или тоже резко как у меня?

[Philipp]

На мой взгляд работает ожидаемо плавно.

Попробуйте вот так сделать:
a {transition: linear all .3s;}

Или даже ease-in.

Answer 1

[Данил Тивиков]

Пропиши префиксы -webkit-transition -moz-transition -o-transition

Comments

[Сергей Миллер]

К несчастью, нет. Посмотрим, вдруг это вовсе баг ОС