Какими инструментами вы пользуетесь для анимации?

Question

[itsjustmypage]

В простых случаях все стараются воспользоваться css анимацией, но если только ей не справиться, то что вы используете кроме jQuery и в каких случаях? Например для анимирования величин в значение auto, которое нельзя сделать в css.

Comments

[Игорь Васильев]

А вы давно открывали черновики по css3 ??? Знаете что там появилось куча новых возможностей?
Почитайте))) Думаю вы круто призадумаетесь. А возможно поймёте, что не знаете css.
https://wsd.events/2016/11/26/pres/you-dont-know-css/

[itsjustmypage]

Игорь Васильев, А по делу есть что сказать про анимацию auto?

[Игорь Васильев]

itsjustmypage, смотря какая задача. Вы скажите, что конкретно вы хотите сделать, я подскажу.

Answer 1

[Павел]

https://greensock.com/ - best of the best ©

Comments

[miti00]

Ага и весит как половина остального кода.

[Игорь Васильев]

miti00, а что мешает брать библиотеку с другого сайта???

[Павел]

miti00, это как с jquery для элементарных функций ) , но это не мешает этой либе быть лучшей

[miti00]

Игорь Васильев, с какого другого сайта? При чем тут другой сайт?

[miti00]

mrusklon, ну а почему сразу лучшая? Есть не менее знаменитые альтернативы. Откуда такая отсебятина?

[Павел]

miti00, поинтересуйтесь и откроется истинна вам .

[miti00]

mrusklon, интересовался, я знаю о чем говорю.

[miti00]

Именно поэтому меня возмущает такой категоричный тон.

[Павел]

miti00, в противовес у нас есть только ваше негативное мнение , где более лучший аналог?

[miti00]

mrusklon, AnimeJS, Velocity
Качественные небольшие плаги, делающие что надо, а не комбайны, от которых надо 5% их функций.

[Павел]

miti00, по вашему чем меньше функциональности тем лучше? Эти плагины не смогут сделать то что сделает greensock , логика да?
Это как сравнивать notepad и sublime text , простой блокнот доступен казалось бы и уже предустановлен , да им можно править текст, сохранять , но оно вам надо?

ЛУЧШИЙ , я свой ответ обосновал.

[itsjustmypage]

mrusklon, текстовые редакторы находятся на компьютере и не требуют закачки через бруазер при открытии сайта. Иначе бы все подключали jquery с сотней плагинов на все случаи жизни и не парились.

Чем greensock лучше mo.js?

[Павел]

itsjustmypage, блокнот есть , а саблайм надо качать , саблайм (не будем себе врать) открывается дольше чем notepad , так он и лучше.
Я тут пытаюсь объяснить что урезанное или с малым функционалом не может быть лучшим.
mo.js весит еще больше joxi.ru/RmzYkGMSW5yo4r , к тому же greensock можно кастомизировать joxi.ru/DmBJDBjUNxbe0m и значительно уменьшить размер

Answer 2

[Павел Корнилов]

Яваскриптом:

<div class="result pointer" onclick="jump(this);" style="background:#eee; display: inline-block; padding: 5px;">
  Прыгучий объект
 </div>

 <script type="text/javascript">
 function jump (el) {
  el.style.position='relative';
  var i=0, an= setInterval(function() {
   if (i>=Math.PI) {
    clearInterval(an);
    el.style.top= 0;
   } else el.style.top= -100*Math.sin(i) + 'px';
   i+=.1;
  },25)
 }
 </script>

https://js-master.ru/?Javascripts___Бесплатные_скр...