Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как "заморозить" конечный результат css анимации? (https://javascript.ru/forum/misc/24388-kak-zamorozit-konechnyjj-rezultat-css-animacii.html)

FINoM 28.12.2011 04:43

Как "заморозить" конечный результат css анимации?
 
Когда анимация заканчивает работать и срабатывает событие animationend, все измененные только что css свойства меняют своё значение на исходное. Как сделать так, чтоб свойства в конце анимации "зафиксировались"?

Livaanderiamarum 28.12.2011 07:34

css3?

nerv_ 28.12.2011 09:49

FINoM, нубский ответ: если это событие можно перехватить js, поймать и переписать css св-ва.

Livaanderiamarum 28.12.2011 14:08

Цитата:

Сообщение от nerv_ (Сообщение 146727)
FINoM, нубский ответ: если это событие можно перехватить js, поймать и переписать css св-ва.

а если они сбрасываются ДО события?

melky 28.12.2011 15:37

Цитата:

Сообщение от FINoM (Сообщение 146702)
Когда анимация заканчивает работать и срабатывает событие animationend, все измененные только что css свойства меняют своё значение на исходное. Как сделать так, чтоб свойства в конце анимации "зафиксировались"?

я ставил элементу текущее значение стиля ему в style.

FINoM 28.12.2011 16:49

Цитата:

Сообщение от melky
я ставил элементу текущее значение стиля ему в style.

Я тоже, но как-то тупо это.

melky 28.12.2011 17:44

Цитата:

Сообщение от FINoM (Сообщение 146851)
Я тоже, но как-то тупо это.

подумай с точки зрения css - как ещё запаузить переход от одного значения к другому ? по-моему, само имя "переход" уже говорит о том, что его нельзя приостановить.

FINoM 28.12.2011 17:50

Цитата:

Сообщение от melky
подумай с точки зрения css - как ещё запаузить переход от одного значения к другому ? по-моему, само имя "переход" уже говорит о том, что его нельзя приостановить.

Я немного не понял о чем ты. Мне не нужна пауза. Точнее не в данном случае.

Мне кажется вполне логичным, если конец анимации будет сопровождаться не сбросом, а фиксированием свойств. Другими словами, я хочу, чтоб элемент из состояния X перешел в состояние Y, а не X → Y → X. Иначе зачем тогда нужны эти анимации?

melky 28.12.2011 17:52

а. да. вспомнил, у меня такая проблема была только в FF. и только для него я так делал.

PS можно запускаемый пример?


Часовой пояс GMT +3, время: 17:25.