Анимация текста jQuery

151
23 мая 2019, 21:20

Как реализовать это условие. Подскажите: Заголовок красного цвета движется слева направо, уменьшается и увеличивается по 2 раза соответственно, пока не дойдет до правого края

Answer 1

@keyframes anime { 
  12.5% { 
    transform: scale(2); 
  } 
  37.5% { 
    transform: scale(0.5); 
  } 
  62.5% { 
    transform: scale(2); 
  } 
  87.5% { 
    transform: scale(0.5); 
  } 
  100% { 
    margin-left: calc(100% - 300px); 
  } 
} 
 
h2 { 
  text-align: center; 
  width: 300px; 
  color: red; 
  animation: anime 3s linear; 
  animation-fill-mode: forwards; 
}
<h2>Заголовок красного цвета</h2>

Можно и без jQuery на чистом CSS.

READ ALSO
Как работает .append в JS?

Как работает .append в JS?

Подскажите пожалуйста на примере такой разметки:

121
Как позиционировать slick slider абсолютно?

Как позиционировать slick slider абсолютно?

Доброго времени суток всем, суть проблемы: Имеется на странице slick sliderЕсть необходимость разместить его абсолютным позиционированием, но если...

131
Как получить данные с сайта кодом расширения?

Как получить данные с сайта кодом расширения?

Расширение гугл хром, нужно что бы при открытии расширения отправлялся запрос на страницу и получал htmlНо проблема вот в чем: нужно что бы отправлялось...

139
Вызов метода класса внутри класса [дубликат]

Вызов метода класса внутри класса [дубликат]

На данный вопрос уже ответили:

113