Плавная анимация в WordPress

Question

Я пытаюсь создать плавную анимацию в заголовке lo go моего сайта. (http://sh003.global.temp.domains/~tharavad/)

Я использую Elementor Page Builder и OceanWP Theme.

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

Код, который я пробовал, это (myclass - это класс CSS, который я установил в столбце изображения):

.myclass {
   animation: mymove 5s infinite ease-in-out;
}

@keyframes mymove {
   from {top: 20px;}
   to {bottom: 50px;}   
}

Answer 1

Чтобы плавная анимация работала, как подсказывает thingEvery. Я изменил CSS на тот же атрибут на from и to, как показано ниже.

.myclass{
  animation: mymove 7s infinite ease-in-out;

}
@keyframes mymove {
  from {top: -90px;}
  to {top: 20px;}

}