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

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

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

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