The Goal:
There’s a bug with Safari and my CSS3 animations, and I needed a workaround. I have some pretty fancy animations running for my logo that work great on EVERY other browser…but Safari, like I.E of old..craps out as soon as I ask it to be consistent. Ultimately, I’m sure it’s my code…but for sake of argument, let’s assume my code is perfect and we need a workaround for our special case Safari browser.

Requirements:

  • JavaScript
Credits these Brilliant Folks: Denis Bouquet

CodePen

This example shows the required files, HTML and jQuery markup.

See the Pen
Detect A Browser with JavaScript
by Brittany Golden (@brittany-golden)
on CodePen.

Share This