data-animate="fadeInUp"

3 replies · opened Jun 17, 2021

MMaximM777Jun 17, 2021

Hello, where can you shorten the time of this animation? - data-animate="fadeInUp"

SSemicolon WebSTAFFJun 17, 2021

Hello,

Simply add the .slow or .slower Class (to slow the Animation) or .fast or .faster Class (to make the Animation faster) to the data-animate Element. Example:
[ch_pre]Animate[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MMaximM777Jun 18, 2021

This did not solve the problem with the pause between the appearance of the photo and the text on it.

SSemicolon WebSTAFFJun 20, 2021

Thanks for your Kind Patience.

To remove the Delay, simply remove the data-delay Attribute. The rest of the Delay is due to JS being not available on the Page. So as soon as the JS is loaded, the Animation runs.

We have improved this functionality in the Latest Update, so simply your Website to the Latest Version of Canvas and this delay will be improved. Here is the Full Changelog: http://docs.semicolonweb.com/docs/changelog/version-6-4/ . Please be aware that this Version has breaking changes as Bootstrap is updated to v5, so go through all the Changes first before updating your website.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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