@main11

Как применить анимацию только на ховер?

на сайте сделал стрелку, которая постоянно туда сюда кошмарится
как ей задать что бы она только при наведении работала?
нифига не пойму
в css вот так
.arrow{
            position: absolute;
            left: 45px;
            top: 80px;
            -webkit-animation: arrow 3s linear infinite;
            animation: arrow 3s linear infinite;
            transition: 0.4s filter ease-in-out;
            transform:none;
            &:hover{
               filter: blur(0.8px);
            }
         }



@-webkit-keyframes arrow {
   0% {transform:rotate(-45deg);}
   50% {transform:rotate(90deg);}
   100% {transform:rotate(-45deg);}
 }

вообще мозги поплыли
  • Вопрос задан
  • 34 просмотра
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
.arrow{
            position: absolute;
            left: 45px;
            top: 80px;
            transition: 0.4s filter ease-in-out;
            transform:none;
            &:hover{
               animation: arrow 3s linear infinite;
               filter: blur(0.8px);
            }
         }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
21 июл. 2024, в 11:03
10000 руб./за проект
21 июл. 2024, в 10:16
4000 руб./за проект
21 июл. 2024, в 09:15
2000 руб./за проект