search

rtfeldman / elm-css

Typed CSS in Elm.
https://package.elm-lang.org/packages/rtfeldman/elm-css/latest
BSD 3-Clause "New" or "Revised" License
1.23k stars 196 forks source link

Safari animations #573

Closed Dor256 closed 2 years ago

Dor256 commented 2 years ago

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

Confidenceman02 commented 2 years ago

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.

Dor256 commented 2 years ago

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.

Thanks anyways :)