Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

animate.css is not working in Chrome latest version (Version above 73)

https://daneden.github.io/animate.css/

This is the link of animate.css, It doesn't show any animation effect on my browser (Chrome, Firefox etc.)

like image 935
Prasanth S Avatar asked May 07 '19 12:05

Prasanth S


People also ask

Why is my animate CSS not working?

CSS animations work on most modern mobile and desktop browsers. However, your animations may not work if you're using an older browser or a version of your browser that hasn't been updated in several years, simply due to lack of browser support.

How do I enable animation in Chrome?

Open the animation tools by first opening Chrome Dev Tools, then under the dev tools menu choose More tools > Animations. The Animations panel needs to already be open when the page is loaded to capture info on animations–refresh the page to achieve this.

Do CSS animations work on all browsers?

Note: All browsers support the animation property without vendor prefixes.

Which CSS properties Cannot be animated?

you cannot animate the height of an element from an auto-computed, natural height (e.g. an element filled with text), although is is possible to animate its min-height.


2 Answers

The same thing happened to me when I updated my Chrome browser. You need to change the settings under the Performance Options of your Windows. To open Performance Options you may search for Adjust the appearance and performance of windows or:

  1. Windows key + R
  2. Enter %windir%\system32\SystemPropertiesPerformance.exe

Then change the selected settings to Adjust for best appearance.

like image 189
mmuncada Avatar answered Oct 20 '22 19:10

mmuncada


You have to Adjust the Windows Visual performance settings.

See screenshot. adjust visual settings windows 10

like image 39
user3921769 Avatar answered Oct 20 '22 19:10

user3921769