Как создавать анимации?

Question

[Сергей Васенин]

как создавать такого рода анимации
какие существуют библиотеки css что бы создавать такие анимации

Answer 1

[Ivan Bogachev]

В целом такие анимации обычно не предполагают какую-то их поддержку (сделали, порадовались, на новый год сделали новую, с елочкой, а старую выбросили). Поэтому можно не заморачиваться и сделать все по-быстрому на чистом CSS (можно добавить пре/пост-процессор по вкусу). Пример вашей анимации (я не старался повторить один в один и не проверял в чем-то, отличном от хрома, но мысль должна быть ясна).

Answer 2

[Максим Тимофеев]

Конкретно это gif. Вариантов создания миллион, оправданность того или иного метода зависит от того что там будет и где потом использовать.
можно делать с помощью css, js, svg, canvas, flash. Можно использовать ПО, а можно кодить ручками. Слишком общий вопрос.

Comments

[Сергей Васенин]

меня интересует именно css либо canvas есть наверное библиотеки с помощью которых можно реолизовать данную анимацию.я Понимаю что это gif файл я же не буду вставлять в шапку сайта гифку )

[Froggyweb]

Сергей Васенин: Понимаю что это gif файл я же не буду вставлять в шапку сайта гифку

Учитывая что это страница 404 которую никто в идеале не должен видеть кроме верстальщика и дизайнера то почему бы и нет? Или лучше тянуть мегабайт скриптов что бы сказать что такой страницы нет? :)

[Сергей Васенин]

Froggyweb: нет это просто пример не обязательно это будет страница ошибки

[Максим Тимофеев]

меня интересует именно css либо canvas

а вопрос тогда в чем?

Answer 3

[GreatRash]

Adobe Animate