Задать вопрос

Почему анимация не работает?

.logo{
animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) 4.3s both;
}
@keyframes text-focus-in {
  0% {
		 transform: rotate(0);
    filter: blur(12px);
    opacity: 0.9;
  }
    
  100% {
		filter: blur(0px);
    opacity: 1;
		transform: rotate(360deg);
  }
}
  • Вопрос задан
  • 122 просмотра
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
GoldenJack
@GoldenJack
Front-end/React
Анимация прекрасно работает, проверьте наименование классов либо дополните вопрос
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@b4rret
не все свойства css поддаются анимации, точно не помню, но по моему filter не анимируется
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы