с разницой только в цвете моргания. Как избежать дублирования в коде?
провписать цвет отдельно
в теории можно обойтись одной анимацией но както геморно выглядит в моем мозгу типа налодения фильтров
покажи что за анимация
куку. еще актуально?
Изначально вопрос неправильно задал. Вся анимация это - @keyframes alertAnimation { 50% { background: var(--alert-color); } } вторая такая же с background: success-color. Из за этой разницы у меня теперь есть два класса, почти с идентичным содержимым: .blink { animation: 1s <название анимации> steps(1, start) 1; } Может это и не такая сильная проблема
ну в кейфреймах какая-то дичь у тебя. вот смотри. у меня все работает
о, ты в итоге помог) хорошая идея с помощью класса менять значение переменной в которой лежит цвет
ну так для этого оно и надо использовать цсс переменные. чтоб в рантайме изменять им значения
в общем пожалуйста
препроцессоры так не умеют
скомпилица в итоге в две отдельны анимации?
Обсуждают сегодня