You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hey, I've added a simple animation that works perfectly on Chrome, however when I move onto Safari the animation doesn't work.
From looking around it seems that I need to add the -webkit- prefix to everything, I would do it with a custom property but I can't reach for the keyframe's name since it's autogenerated nor can I prefix keyframes with -webkit-.
I'm wondering if there's a known way to deal with such an issue, am I missing something?
Thanks
The text was updated successfully, but these errors were encountered:
Interesting. I thought un-prefixed animations were supported in major browsers? Is this an older version of Safari perhaps? Would be keen to see the animation you are working with.
I made a simple opacity and scale animation but it seems the prefix wasn't the issue here.
Looks like safari doesn't work with a single 0% animation and once I specified the 100% animation values it was fixed.
Hey, I've added a simple animation that works perfectly on Chrome, however when I move onto Safari the animation doesn't work.
From looking around it seems that I need to add the
-webkit-
prefix to everything, I would do it with a custom property but I can't reach for thekeyframe
's name since it's autogenerated nor can I prefixkeyframes
with-webkit-
.I'm wondering if there's a known way to deal with such an issue, am I missing something?
Thanks
The text was updated successfully, but these errors were encountered: