Свойства CSS: как сделать так, чтобы элемент двигался постепенно вниз?

Перейти на страницу упражнений

Решение:

HTML-код:

      Как заставить элемент плавно перемещаться вниз    div {ширина: 120 пикселей;  высота: 120 пикселей;  фон: # CC63FF;  положение: относительное;  -webkit-animation: mymove 5s infinite;  animation: mymove 5s infinite;} @ keyframes mymove {0% {top: 0px;} 25% {top: 200px;} 75% {top: 50px} 100% {top: 100px;}}    

Руководство по w3resource

@keyframe

Живая демонстрация:

См. ответ на ключевые кадры пера от w3resource (@ w3resource) на CodePen.


См. Решение в браузере

Поддерживаемый браузер

Да Да Да Да Да

Перейти на страницу упражнений

Оцените статью
nanomode.ru
Добавить комментарий