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

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

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

Войти через центр авторизации
Похожие вопросы