jquery - анимация до состояния класса.
когда мне требуется анимировано позиционировать элемент, я пользуюсь функцией:
$(selector).animate({...css_state...}); когда мне надо установить css состояние определенное в классе, я использую: $(selector).addClass(class_name); а как быть, если надо добавить класс, но сделать это анимационно? |
прописать в css
.class{ transition: 1s; } |
Цитата:
Можно по окончании анимации класс добавить. А вам чего надо? |
Цитата:
.class { margin:100px; } надо чтобы, при добавлении этого класса, маргин плавно изменился от текущего состояния элемента, до 100 пикс. |
Цитата:
|
laimas,
вариант сначала сделать анимацию, а потом добавить класс не канает, потому что у меня в js коде нет значений css параметров до которых мне надо анимировать. а эти значения находятся в классе. т. е. я хочу разделить js и css код, таким образом чтобы в скрипте был только алгоритм, а все настройки параметров хранились в css. |
Цитата:
|
laimas,
что такое @keyframes ? через animate() не могу, читайте выше. |
winch,
обычно делают 2 класса в одном transition: 1s; в другом margin:100px; |
Цитата:
|
Часовой пояс GMT +3, время: 12:09. |