Speed

  • Resolved dan878

    (@dan878)


    6 years, 8 months ago

    Hi,

    Nice plugin!

    I have used the class “fade-in-up”, what do I need to add to the end to give it a delay please?

    (I have 4 images in a row, and want them to fade in one after the other rather than together.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Toast Plugins

    (@toastwebsites)

    6 years, 8 months ago

    Hi there,

    I am afraid that there isn’t currently a way to do this with the preset animations. It’s something which we will definitely consider in future patches.

    To get around this issue right now, you could use advanced animations using a transtion-delay or animation-delay. See the example below.

    .your-item { transition:all .5s; transform: translateY( 50px ) ; opacity: 0; }
.your-item.scroll-triggered { opacity: 1 ; transform: translateY(0px); }

.your-item-with-delay { transition:all .5s ; transition-delay: .5s ; transform: translateY( 50px ) ; opacity: 0 ; }
.your-item-with-delay.scroll-triggered { opacity: 1 ; transform: translateY(0px); }

    Just remember to insert the item (.your-item) in the textbox under the advanced animations tab.

    Plugin Author Toast Plugins

    (@toastwebsites)

    6 years, 7 months ago

    Hi There,

    Just to let you know that this is now a feature available with the premium version of the plugin. If you would like to gain access to the feature then I would kindly advise upgrading to premium:)

    Many thanks
    Aaron

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Speed’ is closed to new replies.