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

3 votes364 views2 answers
Button material ui
CSS
0 vote363 views1 answer
Vue center components in body
CSS
0 vote335 views1 answer
Underlined style for a link
CSS
29 votes355 views2 answers
@font-face rule in css
CSS
1 vote341 views2 answers
Increase tooltip width in angular material
CSS
0 vote330 views1 answer
How to make bootstrap cards same height css trics
CSS
1 vote323 views1 answer
Floating object animation css
CSS
2 votes422 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
4 votes339 views2 answers
How to get all values from object in javascript
CSS
0 vote337 views2 answers
Nativescript hr
CSS