Hi!
I have some problem with Tweenmax, when I use it to my div it changes its z-index.
My example:
html: <div class="portfolio-container">
<div class="portfolio-nav">
<button id="prev"><h1><a href="portfolio6.html">prev</a></h1></button>
<button id="next"><h1><a href="portfolio2.html">next</a></h1></button>
</div>
<div class="portfolio-pagination">........
....</div>
css: .portfolio-container: {z-index: 100;}
js: TweenMax.from('.portfolio-container', 1, {x: "-100%", ease: Expo.easeInOut});
Matrix is working good, but my z-index: 100, becomes z-index: 0.
I met this before and find that with position: absolute it works and doesn’t change index, but my div should be relative.
Can you help me, please?
Thanks.