Несколько свойств перехода не работают в Firefox

Question

У меня был этот CSS в течение некоторого времени, и внезапно я заметил, что он не работает в новых версиях Firfox.

-moz-transition: all .3s, top 0s, left 0s;

Таким образом, первоначальная идея заключалась в том, что преобразования непрозрачности и масштабирования анимировались, а верхние и левые не анимировались. Я знаю, что использование «opacity .3s» будет работать, но мне нужно, чтобы и масштабное преобразование работало Мне также известно о CSS-свойстве «zoom», но оно не подойдет для моих нужд.

По сути, я просто хочу, чтобы это работало, и я понятия не имею, почему этот правильный CSS внезапно нарушается в Firefox. Если у кого-то есть альтернативное решение, это было бы здорово.

Answer 1

Ssssup Doode вместо all поставить transform.Вот так:

-moz-transition: -moz-transform .3s, top 0s, left 0s;

пример: http://jsfiddle.net/9J5vc/3/

Answer 2

Это ошибка в Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=835007 (похожий вопрос: 14533519 и недавно была исправлена ​​для этапа Firefox 21. До тех пор вы не можете использовать all как часть нескольких переходов и должны указывать каждое свойство отдельно.

Чтобы быть справедливым, только самый последний черновик W3C явно указывает на такое поведение; более ранние версии не очень ясно, как этот случай должен быть обработан.

Answer 3

это проблема последних версий Firefox, а не вашего кода.У меня есть полдюжины сайтов, которые в настоящее время неправильно отображают CSS в Firefox.все они были в порядке не более недели назад, и не было внесено никаких изменений в код или кодовую базу.стили все еще работают в других браузерах.

У Firefox есть проблемы с текущей версией браузера, и я уверен, что все они знают об этом, но на самом деле, если это не будет исправлено в ближайшее время, они потеряют еще большую долю рынка.что было бы действительно позором.

Answer 4

Это работает для меня ..

-moz-transition: bottom .3s, right .3s, top 0s, left 0s;

Также убедитесь, что ваш элемент все еще расположен.