How to fade-out captions/text layers on the revolution slider

1 reply · opened Dec 11, 2016

SsachinvDec 11, 2016

Hi, I am following up with my previous question regarding the text layer fading-out before current slider image finishes its duration. You suggested before data-frames function to look for the answers. But given my limited ability to understand the code, It looks a customized code in the template rather than standard data-frames syntax. Below is the code which has been used for text layer animation in the template. I wish to fade-out the captions/text (instead it disappears before the next image loads), I find it abrupt exit(text layers). Please help me to achieve the desired result. My page is active on this URL for testing purposes: http://designdude.net/

							<div class="tp-caption customin ltl tp-resizeme revo-slider-caps-text uppercase"
							data-x="120"
							data-y="220"
							data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
							data-speed="800"
							data-start="1000"
							data-easing="easeOutQuad"
							data-splitin="none"
							data-splitout="none"
							data-elementdelay="0.01"
							data-endelementdelay="0.1"
							data-endspeed="1000"
							data-endeasing="Power4.easeIn" style="z-index: 3; white-space: nowrap; color: #FFFFFF; font-size: 18px;">OUR PRIMARY BUSINESS</div>
SSemicolon WebSTAFFDec 12, 2016

Hello,

Adding the data-end="4000" along with the following settings:

data-customout="x:0;y:0;z:0;rotationZ:0;scaleX:1;scaleY:1;opacity:0;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"

will work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard