Menu icon Foundation
orbit slider - image in animation: slide, but content in animation: fade

Hi ,
I use an orbit slider in Foundation 5 .
here is a part of my code:

Is it possible contents of <div class="box"> to be in animation: fade , when <img> is in  animation: slide
            

         

<ul data-orbit class="example-orbit-content orbit-slides-container" >
<li data-orbit-slide="link1" >
 <img>.....
 <div class="box"><h2 >SEE RESTAURANT</h2>
    	<p>The Hotspot... </p>
</div>
 
</li>

            

         

Maybe other solution is reasonable in that case

thanks in advance
Paul

OrbitanimationFadeslide

Hi ,
I use an orbit slider in Foundation 5 .
here is a part of my code:

Is it possible contents of <div class="box"> to be in animation: fade , when <img> is in  animation: slide
            

         

<ul data-orbit class="example-orbit-content orbit-slides-container" >
<li data-orbit-slide="link1" >
 <img>.....
 <div class="box"><h2 >SEE RESTAURANT</h2>
    	<p>The Hotspot... </p>
</div>
 
</li>

            

         

Maybe other solution is reasonable in that case

thanks in advance
Paul

Rafi Benkual over 4 years ago

You can do this CSS3 animations. Here is an example http://www.v-render.com/orb/