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

2 votes180 views1 answer
Mat slide toggle change color
CSS
9 votes184 views3 answers
Css rotate 90 degrees
CSS
0 vote177 views3 answers
Image not rendering in tailwind css
CSS
2 votes140 views1 answer
Function debounce
CSS
2 votes190 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote183 views1 answer
Puntos suspensivos css
CSS
1 vote173 views1 answer
Vue import css scoped
CSS
198 votes253 views6 answers
How to add css in html
CSS
1 vote176 views2 answers
Align div to right side of parent
CSS
17 votes199 views1 answer
Yarn start not working on windows because scripts disabled
CSS