fade in speed

Juc1's picture
Juc1
Sun, 09/14/2014 - 19:28
#1
fade in speed

Hi all,

With the fade in animation the appearance of the text is very fast ie moving from text invisible to text visible. Is it possible to control the speed of the fade in and in particular to slow it down ie so the text text appears slowly / gradually rather than very quickly?

Thanks...

cindy's picture
cindy
Mon, 09/15/2014 - 04:16

Hi,
Thank you for your concern in our MD Slider
However, our product currently does not support this function
We will consider your idea for the next version

Many thanks,

Juc1's picture
Juc1
Mon, 09/15/2014 - 06:55

@ cindy - can you tell me which js file controls the fade in speed?

cindy's picture
cindy
Mon, 09/15/2014 - 23:00

Hi,
You have to cusstomize each text on slide.

You can add this:

#md-slider-1-block .md-layer-1-1-1 (#md-slider-1-block is the block ID, and md-layer-1-1-1 is the class name of the text)

at the bottom of the file md-slider.css

Juc1's picture
Juc1
Tue, 09/16/2014 - 06:26

@ cindy I think you have misunderstood my question.

Anyway in my example Mega Slider here I don't mean the speed of the images I mean the speed of the text "fade in fade out test".

Can you please ask the developer: "Where in the js files is the speed of FadeIn and FadeOut defined?"

Neo's picture
Neo
Wed, 09/17/2014 - 05:51

Hi,
The code for animation time is:


.md-object{
-webkit-animation-duration:.6s;
-webkit-animation-timing-function:ease;
-webkit-animation-fill-mode:both;
-moz-animation-duration:.6s;
-moz-animation-timing-function:ease;
-moz-animation-fill-mode:both;
-ms-animation-duration:.6s;
-ms-animation-timing-function:ease;
-ms-animation-fill-mode:both;
animation-duration:.6s;
animation-timing-function:ease;
animation-fill-mode:both;
}

if you change this, it will apply to all other animations time. So you can try to add .md-object.fadeIn, .md-boject.fadeOut class to your theme style file :)

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.