How do I hide elements from Safari (or any browser)?

I’m using a page load animation on my site. It works great on Chrome but lags and doesn’t disappear on Safari. I’m looking to hide the element entirely from Safari. I know there is a way to do this, I imagine it is a CSS affair. Any ideas?

Hey Tucker,

Whilst I would always recommend developing cross-browser compatible CSS and site code, there are ways to target only the Safari browser.

This Stack Overflow thread should help:

I hope that helps!


Hey Logan,

Thank you for your help! I wish Safari didn’t have these issues with page load animations, especially since nothing in the animation has an auto value. I will try this code!

Would you have a recommendation of where to implement this? In the before < body >?