Addon text effect

More
2 years 10 months ago - 2 years 10 months ago #63279 by Brendanh
Replied by Brendanh on topic Addon text effect
Ok, retested beta3.

effect 4 is still rendering above the before after fields, but the overflow issue is now ok.

effect 9 still the same. But, if you add:

span.titleck-effect {
position: relative;
}

The line is contained where it should be.

But, the line moves fully left to right, then the text appears. To me this seems like a timing issue in the JS settings for the effect?

As you have 2 effects running (line & letters) shouldn't the delay for each be similar?
Code:
targets: selector.querySelectorAll('.pbck-line'), translateX: [0, selector.getBoundingClientRect().width + 10], easing: "easeOutExpo", duration: 700, [color=red]delay: 100[/color] }).add({ targets: selector.querySelectorAll('.pbck-letter'), opacity: [0,1], easing: "easeOutExpo", duration: 600, offset: '-=775', [color=red]delay: (el, i) => 34 * (i+1)[/color]

Other than that, you're on the money :)
Attachments:
Last edit: 2 years 10 months ago by Brendanh.

Please Log in or Create an account to join the conversation.

More
2 years 9 months ago #63288 by ced1870
Replied by ced1870 on topic Addon text effect

It's the language strings for the menu button title and description.

fixed

effect 4 is still rendering above the before after fields,

fixed, you must clear your browser cache to reload thenew files

effect 9 still the same.

fixed

As you have 2 effects running (line & letters) shouldn't the delay for each be similar?

the code is correct, the problem is that I have used an updated version of anime.js which contains some problem, it works with an older version

this will be fixed in the next version

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
2 years 9 months ago #63289 by Brendanh
Replied by Brendanh on topic Addon text effect

it works with an older version


Let's go with the old version then.

As they say "If it isn't broken, don't fix it " :)

Please Log in or Create an account to join the conversation.

More
2 years 9 months ago #63339 by ced1870
Replied by ced1870 on topic Addon text effect
the addon has been added in the 2.13.1 version

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #64697 by Heino
Replied by Heino on topic Addon text effect
Hello Cédric,
after 2 months daily "work" PBCKpro I discovered the "Animated Text" addon, I never touched it..., a shame :)

Here is my question?
Is there a way to limit the transition to only 1 time?

I wanna use it on an H1 Title, fade in 1 time, and that's it, - pause than.

Do you have an idea? :)


Regards,
Tino

Page Builder CK Pro v3 +++ Template Creator Pro v5 +++ Tiny MCE +++ JCE
Browser: Brave (Chrome) +++ Waterfox (Mozilla)
Joomla! v5 +++ php v8.2.12 +++ mysql v8.0.35

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago - 2 years 5 months ago #64702 by ced1870
Replied by ced1870 on topic Addon text effect
Hi
there is no option for that currently, you can try that :
- select your effect number (1, 2, 3....)
- go in the file

plugins\pagebuilderck\animatedtext\assets\animatedtext.js

and locate the function

function PBCK_animatedtext_effect_XX(selector) {

where XX is your effect number
- copy/paste the JS function into a JS file from your template
- modify the function, it shall apply, for example

anime.timeline({loop: false})


you must check that you own JS function is called after the file animatedtext.js in your page

Joomlack Webmaster and Developer
Last edit: 2 years 5 months ago by ced1870.

Please Log in or Create an account to join the conversation.

Time to create page: 0.219 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 710 guests and no members online