Анимация изображения снизу-вверх один раз
Здравствуйте. Подскажите как сделать, так чтобы картинка совершила одно вертикальное движение снизу вверх и осталась вверху?
<div class="square"></div> Код:
.square { |
Цитата:
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .square { width: 200px; height: 200px; border-radius: 10px; background-color: #d42929; position: absolute; top: calc(100% - 200px); left: 0; z-index: 1; animation: move 3s linear forwards 5s; } @keyframes move { to { top: 0; } } </style> </head> <body> <div class="square"></div> </body> </html> |
рони,
То что нужно. Спасибо! |
рони,
Можете еще помочь сделать так, чтобы анимация начинала движение не сразу, а через 5 секунд после загрузки страницы? |
Цитата:
|
Часовой пояс GMT +3, время: 12:19. |