Animation not working

[SerenadeOfDreams]

Hello. I'm using the skeleton on a project, with the css import but the animation is not working. It just shows up as a static element.

The skeleton is like this:

<Skeleton
      count={10}
      className="mb-3 flex rounded-lg"
      baseColor="var(--color-skeleton-base)"
      highlightColor="var(--color-skeleton-highlight)"
      containerClassName="flex-1"
      inline
/>

[srmagura]

Hi, thanks for your question.

Idea 1

Can you try this without passing in CSS variable syntax as props to the Skeleton? I can't remember if we support that.

Idea 2

Can you check if you have enabled the "Prefers reduced motion" setting in your OS? Here is where to find it, according to AI:

React Loading Skeleton purposefully does not display an animation when "prefers reduced motion" is enabled.

Idea 3

If neither of these help, please post a runnable example. Either CodeSandbox or a small GitHub repo is fine.

[SerenadeOfDreams]

Thanks for the help man. My work laptop (the one i use the most to study) had the Animations on Windows turned off. Now it's working properly.