SidSpears

Причина выяснена. Я ипользую less, и конечно, он подтормаживает. Если перекомпилить стиль в css, то такого бага не обнаруживается. А есть обоснование, почему надо прописывать transition не в hover, если работает и так, и так?

А вот и нет. Если написать a{ color:green transition: color 0.5s ease; } a:hover{color:red} то в FF при загрузке ссылка сначала будет синей (цвет по умолчанию, долю секунды), потом зелёной. И так с любым элементом. Сначала он отобразит его, а потом начнет плавно менять значения, указанные в transition

Спасибо. Еще как вариант, вместо картинки использовать шрифт. Если это меню навигации или кнопки соц. сетей

Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?

Это знаю. Но неужели возможность разработки под less возможна только под Firefox'ом? По-любму где-то ошибка. Я ж не буду при разработки кроссбраузерного стиля постоянно компилить в css, чтоб поспотреть результат.

Начал на практике изучать less. Проверял работоспособность на Firefox. Решил проверить на других браузерах, так они вообще файл стиля не видят. Почему так? Скриншот Содержимое CSS и HTML файлов