Css animation not working

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>

Source: stackoverflow.com

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

Similar codes

9 votes188 views1 answer
Make background full on every screen css
CSS
0 vote187 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
0 vote201 views1 answer
How to draw rhombus in css
CSS
7 votes187 views2 answers
Float center tailwind
CSS
0 vote181 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
0 vote356 views2 answers
Css multiline comment
CSS
0 vote198 views1 answer
Disable text higlighting
CSS
0 vote187 views1 answer
Css circle with number
CSS
1 vote175 views1 answer
Css table grid
CSS
158 votes242 views5 answers
Css background image with url
CSS