Для получения полного доступа
зарегистрируйтесь.
Сниппет,  HTML

Анимация для элементов с помощью Animate.css


Добавляем файла с анимациями (Animate.css):

<head>
  <link rel="stylesheet" href="animate.min.css">
</head>

Добавим эффект, например, fadeIn:

Результат c414f1672d3e498772c125ad099d7a52.gif

Или, bounceInLeft:

Результат f8cbe60c8260d7109cfc1f42744e961f.gif

На gif, анимация тормозит, но в действительности этого нет.

Для зацикливания анимации, добавьте класс infinite

<!-- fadeIn -->
<h1 class="animated fadeIn">Mega Corporation </h1>

<!-- bounceInLeft -->
<h1 class="animated bounceInLeft">Mega Corporation </h1>
  ui анимация animate эффекты

Автор


Bran
  • Репутация: 29
  • Сниппеты : 7
  • Ревизии : 0
Подписаться

Чтобы увидеть комментарии, нужно быть участником сообщества

Регистрация