Change Intro image fade-out length

alexbruno

It'd be nice if we could change the amount of time it takes to fade out the intro image.

Seems like this is only editable via javascript? I tried changing a few things in Custom CSS but to no avail.

Thanks thanks!

arminunruh

Hm, try this:

.intro-image{
    -webkit-transition: -webkit-transform 450ms ease, opacity 400ms ease;
    -moz-transition: -moz-transform 450ms ease, opacity 400ms ease;
    transition: transform 450ms ease, opacity 400ms ease;
}

Just change the numbers. The "transform" 450ms that's the speed of the animation that scales the intro image. Opacity "400ms" is how long it takes to fade out.

You know what, I think if you want to decrease the animation speed that will work. But if you want to make the animation slower that will probably not work because in the theme I hide the intro using js after 400ms.
So I think I will make an option for that for a future release.

alexbruno

I did try editing those CSS values, and it does make a difference in the transition; however something in the JS runs and the intro image disappears before the transition can finish.

But yes thanks for taking a look, this would be a great feature!