Как сделать прыгающ...
 
Уведомления
Очистить все

Как сделать прыгающий текст в HTML

2 Записи
1 Пользователи
0 Likes
218 Просмотры
65-150 Okolokompa Форум
(@kalininalex)
Reputable Member
Присоединился: 4 года назад
Записи: 160
Создатель темы  

Для того, чтобы текст прыгал, необходимо написать следующую конструкцию, которая показана здесь. Высота подпрыгивания текста, в указанном примере, составляет 20 пикселей, измените по своему усмотрению по необходимости. Свой текст напишите, вместо "Прыгающий текст".


   
Цитата
65-150 Okolokompa Форум
(@kalininalex)
Reputable Member
Присоединился: 4 года назад
Записи: 160
Создатель темы  

На всякий случай, продублирую код, указанный в статье.

<!DOCTYPE html>
<html>
<head>
<style>
@keyframes jump {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

.jump-text {
  animation: jump 1s infinite;
}
</style>
</head>
<body>
  <h1 class="jump-text">Прыгающий текст</h1>
</body>
</html>

   
ОтветитьЦитата
Поделиться: