Premium Banner Animation Speed

Hello John,
Hope you’re doing well today ??

This can done simply by adding a couple of CSS lines to your page using customizer or from widget’s settings -> Advanced tab -> Custom CSS ( Elementor PRO should be installed )

.premium_banner_animation6 .premium_addons-banner-ib-desc::before {
   -webkit-transition: opacity 1s, -webkit-transform 1s;
   transition: opacity 1s, -webkit-transform 1s;
   transition: opacity 1s, transform 1s;
   transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

You can change the duration just by changing 1 to the number of seconds you need.

If you have any farther questions, please don’t hesitate to feed us back.

Cheers!!

• This reply was modified 6 years ago by Leap13.

Thanks for that. The code above changes the animation of the square border that appears so that’s really helpful, but it doesn’t change the text animation, at least on the site I’m working on. I’ve tried various combinations of css, one changed the description text animation but made the title disappear! Any thoughts? Thanks

Well, may I ask you to try this one:-

.premium_banner_animation6 .premium_addons-banner-ib-content, .premium_banner_animation6 .premium-banner-read-more, .premium_banner_animation6 .premium_addons-banner-ib-desc::before
{
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

Cheers!!

Again, thanks. In the end I had to change content to title and it works

.premium_banner_animation6 .premium_addons-banner-ib-title, .premium_banner_animation6 .premium-banner-read-more, .premium_banner_animation6 .premium_addons-banner-ib-desc::before
{
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

So, thanks again.
slightly different note. The boxes on this site look really good https://www.danieledesantis.net/works/
I’d be happy to buy your pro version if it included something like them