Bymas.ru | Почему не работает анимация CSS?

Тема закрыта by

Картинка должна двигаться вверх вниз, но почему то не работает. В чем причина?

     -webkit-animation: spin 5s linear 0s infinite;

     -moz-animation: spin 5s linear 0s infinite;

     animation: spin 5s linear 0s infinite;

________
посл. ред. 16.05.2022 в 23:52; всего 2 раз(а); by MARAZM

MARAZM, Из чего вообще выдернут css?
Если тупо просто верх/низ то https://webformyself.com/pridaem-css-animacii-bolshe-estestvennosti/

nefakt [] (17.05.2022 в 00:03)
MARAZM, Из чего вообще выдернут css?
Если тупо просто верх/низ то https://webformyself.com/pridaem-css-animacii-bolshe-estestvennosti/

>
Спасибо, помогло)

Воды много)

<div class="box"><img src="img.svg"></div>

   .box {

         animation-duration: 3s;

         animation-iteration-count: infinite;

         animation-name: bounce-2;

     }

 

     @keyframes bounce-2 {

         0%   { transform: translateY(0); }

         50%  { transform: translateY(-10px); }

         100% { transform: translateY(0); }

     }

________
посл. ред. 17.05.2022 в 00:27; всего 1 раз(а); by MARAZM