Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.10.2018, 10:14
Аватар для Nlk
Nlk Nlk вне форума
Кандидат Javascript-наук
Отправить личное сообщение для Nlk Посмотреть профиль Найти все сообщения от Nlk
 
Регистрация: 25.12.2016
Сообщений: 146

Оптимизация transition
Здравствуйте!
Скажите пожалуйста, если данное выражение обернуть в setTimeout, это может положительно сказать на скорости или плавности анимации?

setTimeout(function() {
  element.style.transform = "translateY(100px)";
}, 0);


.element {
  transition: transform 1s cubic-bezier(0.4, 0, 1, 1);
}
Ответить с цитированием
  #2 (permalink)  
Старый 15.10.2018, 10:36
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

в целом нет, но если вы пытаетесь навешивать транзишн и трансформ JS-ом, иногда так оборачивают, чтобы транзишт до перемещения применился.
Ответить с цитированием
  #3 (permalink)  
Старый 15.10.2018, 11:12
Аватар для Nlk
Nlk Nlk вне форума
Кандидат Javascript-наук
Отправить личное сообщение для Nlk Посмотреть профиль Найти все сообщения от Nlk
 
Регистрация: 25.12.2016
Сообщений: 146

j0hnik,
Благодарю за ответ.
Через js только transform, transition изначально в css.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Bootstrap Caropousel Transition antegria jQuery 1 25.05.2018 14:39
Не работает transition при добавлении класса (pure JS) phoenix200689 Events/DOM/Window 1 04.02.2017 22:36
CSS3 transition и transform или JS jonrut Элементы интерфейса 14 01.06.2015 11:58
закрыть окно js Artem215 Элементы интерфейса 10 22.04.2015 15:34
CSS3 анимация (transition) Magneto Events/DOM/Window 4 19.12.2014 11:39