GIF анимация

Создание сайта – это не только написание кода, но и работа с графикой. GIF анимация по-прежнему широко используется, однако теперь подобные анимационные эффекты можно создавать с помощью CSS3, HTML5 (SVG, Canvas) в сочетании с JavaScript.

Примеры анимации на CSS3:

  • Попугай, вытаскивающий карточки с предсказаниями (Джанни Родари - Маленькие бродяги. Глава IV. Клетка с попугаем.)
  • MonkeyMenu
  • Елка внизу страницы справа (выполняет роль прокрутки страницы наверх)

В этих примерах в качестве изображений я использовал картинки png, а с помощью CSS3 и jQuery их "оживил". На самом деле это достаточно несложные примеры (возможно я и смог бы создать что-нибудь посложнее, но для этого нужно многому ещё научиться и потратить много времени). Я видел очень сложные примеры, где и само изображение и его анимация создаётся только программно (без использования графики).

Читайте также

albero
neve