Using newer version of animate.css

1 reply · opened May 14, 2019

IicefieldMay 14, 2019

Ran in to some issues with animations not working when I installed an up-to-date version of animate.css from https://daneden.github.io/animate.css/.

Compared old (included w/ Canvas) and new version, and found that .not-animated { opacity: 0; } was missing in newer animate.css file. Assume this had been added in to canvas version by canvas team.

In any case, I added .not-animated { opacity: 0; } to my app specific css file, and along with the untouched new animate.css file, my app's animations are functioning again.

Just adding this topic in case someone stumbles across similar issues in the future.

SSemicolon WebSTAFFMay 14, 2019

Hello,

Thank You so much for taking time to report this on the Forums. Very Helpful and Really Appreciated!

The .not-animated { opacity: 0; } CSS Code has been added by us to support On-Scroll Animations.

We will update the Plugins in the Next Update. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard