Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 06.06.2017, 21:10
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

https://matthewlein.com/ceaser/ вот вам конструктор, сможете сами задать как блоку стартовать и как финишировать!
Ответить с цитированием
  #22 (permalink)  
Старый 06.06.2017, 21:13
Аспирант
Отправить личное сообщение для winch Посмотреть профиль Найти все сообщения от winch
 
Регистрация: 30.04.2015
Сообщений: 87

laimas,
ну нафиг - древние ie`шки ещё поддерживать!! буду css3 пользоваться.

Последний раз редактировалось winch, 06.06.2017 в 21:21.
Ответить с цитированием
  #23 (permalink)  
Старый 06.06.2017, 21:15
Аспирант
Отправить личное сообщение для winch Посмотреть профиль Найти все сообщения от winch
 
Регистрация: 30.04.2015
Сообщений: 87

всем большое спасибо за подсказки!!!

почитаю, поэксперементирую.
Ответить с цитированием
  #24 (permalink)  
Старый 06.06.2017, 21:18
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

рони,
ну так зачем плавность через JS, если транзакция через CSS, там и задать ее.
Ответить с цитированием
  #25 (permalink)  
Старый 06.06.2017, 21:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от laimas
ну так зачем плавность через JS
где???
Ответить с цитированием
  #26 (permalink)  
Старый 06.06.2017, 21:22
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от laimas Посмотреть сообщение
рони,
ну так зачем плавность через JS, если транзакция через CSS, там и задать ее.
так оно и в css работает
.class {
-webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
        transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}
Ответить с цитированием
  #27 (permalink)  
Старый 06.06.2017, 21:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

laimas,
я писал про это .animate {
transition: all 1s cubic-bezier(.17,.67,.83,.67)
}
и дал ссылку на сайт где параметры cubic-bezier можно подобрать
Ответить с цитированием
  #28 (permalink)  
Старый 06.06.2017, 21:27
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

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

Ему просто надо было ссылку сюда.
Ответить с цитированием
  #29 (permalink)  
Старый 06.06.2017, 21:30
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от winch
буду css3 пользоваться
если целевая аудитория позволяет, то конечно да, пора хоронить старье.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jquery и jquery ui Miraliko jQuery 1 29.04.2017 16:21
Анимация по селектору класса через each Siend Общие вопросы Javascript 3 01.10.2015 18:33
Анимация с добавлением класса Ahsar jQuery 6 26.06.2013 11:22
Анимация на jQuery Mukhtar AJAX и COMET 1 11.05.2012 16:53
Свойства/методы класса TicTac Общие вопросы Javascript 5 03.07.2011 14:53