CSS-анимация попутного ветра

Опубликовано: 23 Августа, 2022

Этот класс принимает большое значение в CSS попутного ветра, в котором все свойства представлены в форме класса. Этот класс используется для анимации элементов с помощью анимации CSS. В CSS мы можем сделать это, используя свойство анимации CSS.

Классы анимации:

  • animate-spin: этот класс используется для добавления линейной анимации вращения к элементам.
  • animate-ping: этот класс используется, чтобы сделать элемент масштабируемым и затухать, как сигнал радара или рябь воды.
  • animate-bounce: этот класс используется для того, чтобы элемент подпрыгивал вверх и вниз.
  • animate-pulse: этот класс используется для плавного появления и исчезновения элемента.

Синтаксис:

<element class="animate-{animation_name}">...</element>

Пример 1. Следующий код реализует классы анимация-вращение и анимация-пинг .

Выход:

Пример 2. Следующий код реализует классы animation-bounce и animation-pulse .

Выход:

CSS