Я исчерпал все ресурсы, которые могу найти и не могу найти решение. Я пытаюсь анимировать непрозрачность и координату Y для графики с IE 11 в качестве браузера.
Непрозрачность работает нормально (графика исчезает и исчезает) в IE 11, преобразование не работает в IE 11. В Firefox оба работают.
Вот CSS:
@keyframes
pulse
{
0%
{
opacity: 1.0;
transform: translateY(+5px);
}
45%
{
opacity: .20;
transform: translateY(-5px);
}
100%
{
opacity: 1.0;
transform: translateY(+5px);
}
}
#blink_layer {
animation-duration: 1s;
animation-iteration-count: infinite;
animation-name: pulse;
}
Я знаю, что TRANSFORM поддерживается в IE 11 и не требует префикса.
Как мне заставить TRANSFORM работать в IE? Что может нарушить трансформацию здесь?