why is my css animation not working code example

Example 1: animate.css not working

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"/>
</head>
<body>
<h2 class="animated slideInLeft" style="animation-delay:1s">Your ultimate Solution</h2>
</body>
</html>

Example 2: css animation not working

Can you check those OS settings and confirm that the animations are not turned off?

OSX: Settings > General > Accessibility > Reduce Motion

IOS: System Preferences > Accessibility > Display > Reduce Motion

Windows: Settings > Ease of Access > Show animations in Windows

Tags:

Css Example

Related