Keyframes in Safari not working

[toolman]

Hi,

I have the following animation, but it doesn’t seem to work in Safari on Windows.

@keyframes anim-lightspeed-in {
  0% {
    transform: translateX(-200%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

I’ve tried adding a webkit version, but still no luck.

@-webkit-keyframes anim-lightspeed-in {
  0% {
    transform: translateX(-200%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

Any ideas what I have wrong?

Thanks!

[SamA74]

@toolman

it doesn’t seem to work in Safari on Windows.

Safari in Windows is as old as the hills, it will pre-date modern css like animation. No one uses it, forget about it.