Search the Community
Showing results for tags 'expand'.
Found 3 results
-
Hi Everyone, The CodePen associated with this was forked from @OSUblake. I was successful in adding viewport responsiveness and circular button expansion but am failing in reversing to a circular button collapse. I believe I set the circular canvas diameter and arc correctly but when clicking the close icon on the menu button there is no canvas animation. I would appreciate some assistance and sincerely thank you in advance.
-
Hello! I am trying to work out something where there's two side panels that can be collapsed to make the middle panel bigger. I have it 75% of the way there -- the only thing that doesn't work is that if you try to collapse both side panels, the middle doesn't go to it's full size (just stays at it's 3/4ths size as if only one panel is closed). I've done everything I could to get the codepen to work but even though it has everything in it that works outside of codepen, it won't actually animate and I can't figure out why, so I uploaded everything to my private server to show that it does work. http://tinyurl.com/q4smgxp Forgive if it isn't the most elegant code - I'm still learning jquery and GSAP! Anyone have thoughts on how to make it actually open up fully when both side panels are collapsed? Thanks!
-
hi.. i'm trying to animate a div expanding and collapsing by animating the css height property with TweenMax TweenMax.from(testDiv, .35, {css:{height:0}, ease:Cubic.easeOut}); this only animates the background of the div it seems.. not the text that's in it. the text is always visible. here's the div <div id="testDiv" style="position: absolute; background-color: rgba(255, 0, 0, .5); width: 320px; height:260px;"> </div> i've tried jQuery slideDown() and this works hiding and revealing both background and text content any ideas? i'd rather use TweenMax for this
