Анимация заголовка или текста при наведении

Разработка Анимация заголовка или текста при наведении

Анимация заголовка или текста при наведении на него.

baltun

Администратор
Сообщения
10.735
Реакции
2.543
Баллы
2.003
Пользователь baltun разместил новый ресурс:

Анимация заголовка или текста при наведении - Анимация заголовка или текста при наведении на него.

Делаем разметку HTML для анимации:
HTML:
<div class='animation'>
  Amination
</div>
Добавляем CSS для нашей разметки:
PHP:
.animation {
  font-size: 3em;
  text-transform: uppercase;
  cursor: pointer;
}
.animation span {
  display: inline-block;
  position: relative;
  padding: .5em .2em;
}
.animation span.animate {
  animation: bounce 1.5s ease-in-out;
  animation-iteration-count: 1;
}
.animation span.animate:nth-child(2n) {
  animation: bounce2 1.5s ease-in-out;
}
.animation...

Узнать больше об этом ресурсе...
 
Назад
Верх Низ