All I want to do is move an element outside of it's container without it creating, or altering the scroll bars..
I'm familiar with making sure the divs I'm animating are positioned absolutely.. as well as the parent. I've made a jsFiddle that shows that this works with regular moving.. I have a feeling it has to do with the webkit transform.
http://jsfiddle.net/4Ldca/5/
but in practice I CANNOT get this to work and i've been struggling with it for a day straight. Any help would be greatly appreciated.
current non-working example for anyone to play with: http://borg.nitestage.com/v3/
I have to have them rotate, I guess I'm asking if I'm doing something wrong?
TweenMax.to(".gate-top", 1, {css:{left:"-300px", top:"-275px", rotation:"-28deg"},delay:2.2, ease:Quad.easeOut});
TweenMax.to(".gate-bottom", 1, {css:{left:"510px", top:"575px", rotation:"-28deg"},delay:2.2, ease:Quad.easeOut});
BTW, it's great to be back and using JS this time! Thanks Jack!