Создание анимации на HTML и CSS

Анимация загрузки

Для начала приведем пару простейших примеров анимации для процессов загрузки или установки. В теле документа смотрите элементы, а в таблице стилей в разделе анимации - оформление внешнего вида элементов и создание анимации.

Идет загрузка...
Идет загрузка...
Идет загрузка...
Идет загрузка...


Пример анимации в рекламном блоке

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

OOO "Автолохотрон"
Продажа краденных авто по всему миру!
Тел. +333-3333-3333-3333


Пример анимации 'Летающая тарелка'

Чтобы представленное ниже анимированное gif-изображение летающей тарелки взлетело, нажмите здесь!