Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Safari animations #573

Closed
Dor256 opened this issue Mar 25, 2022 · 2 comments
Closed

Safari animations #573

Dor256 opened this issue Mar 25, 2022 · 2 comments

Comments

@Dor256
Copy link

Dor256 commented Mar 25, 2022

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
Copy link
Contributor

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
Copy link
Author

Dor256 commented Mar 27, 2022

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 :)

@Dor256 Dor256 closed this as completed Mar 27, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants