diff --git a/core/src/utils/animation/animation.ts b/core/src/utils/animation/animation.ts
index 8aca4c692b5..68ab2c6c6bc 100644
--- a/core/src/utils/animation/animation.ts
+++ b/core/src/utils/animation/animation.ts
@@ -410,6 +410,15 @@ export const createAnimation = () => {
    * to complete one cycle.
    */
   const duration = (animationDuration: number) => {
+    /**
+     * CSS Animation Durations of 0ms work fine on Chrome
+     * but do not run on Safari, so force it to 1ms to
+     * get it to run on both platforms.
+     */
+    if (!supportsWebAnimations && animationDuration === 0) {
+      animationDuration = 1;
+    }
+
     _duration = animationDuration;
 
     update(true);