Перейти на страницу упражнений
Решение:
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.
См. Решение в браузере
Поддерживаемый браузер
Да Да Да Да Да
Перейти на страницу упражнений
