jQuery привязка к css3 происходит переход

Question

До сих пор в моем исследовании единственное событие перехода css3, которое я обнаружил, это transitionEnd.То, что я хотел бы сделать, это связать функцию javascript с элементом, который будет постоянно перезапускаться во время перехода.Подумайте $ (window) .resize, но для элемента, размер которого изменяется с помощью перехода css3.

Возможно ли это?Я не нашел transitionStart, transitionAnimation или чего-либо еще, что позволило бы мне обнаруживать, начало или время, когда происходит переход.

Я бы предпочел привязки jQuery, но другие методы хороши.Также это должно работать в FF, Chrome, Safari и Opera.Спасибо, ребята!

Answer 1

Единственным событием, связанным с переходами CSS3, является transitionend [1].

[1] http://www.w3.org/TR/css3-transitions/#transition-events-

Answer 2

Других событий перехода CSS нет: http://dev.w3.org/csswg/css3-transitions/#transition-events-

Я предполагаю, что вы добавляете класс css, который обрабатывает переход либо при загрузке страницы, либо при каком-либо событии (при наведении курсора мыши, клике, вводе мыши и т. Д.)).Используйте это как начало для вашей параллельной функции javascript.Затем используйте transitionEnd, чтобы остановить его.Чтобы сделать его совместимым с несколькими браузерами, вы можете прочитать

https://developer.mozilla.org/en/CSS/CSS_transitions

Надеюсь, что это поможет