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

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

.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);
  }
}
  • Вопрос задан
  • 120 просмотров
Подписаться 1 Простой 2 комментария
Решения вопроса 1
GoldenJack
@GoldenJack
Front-end/React
Анимация прекрасно работает, проверьте наименование классов либо дополните вопрос
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@b4rret
не все свойства css поддаются анимации, точно не помню, но по моему filter не анимируется
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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