Cato
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Cato
-
-
I'm trying to figure out why my right column doesn't expand properly when "hide" button is clicked. Both left and right columns are floating left; left column ranges from 20% width to 0 %; right column ranges from 80% width to 100% respectively.
Looks great when "show" is clicked, but there seems to be a floating/width issue when "hide" is clicked.
This seems like it should be simple, but I can't figure out what I'm doing wrong...
Thanks a trillion.
BC
See the Pen qdXxPe by bcato3000 (@bcato3000) on CodePen
-
Figured it out.
TweenMax.to(background, 1, {backgroundPosition: '-300px 0', delay: 0.1, ease:Power1.easeOut});
Thanks for your help!
You're welcome.
- 2
-
TweenMax.to(background, 1, {backgroundPositionX: '-=300', delay: 0.1, ease:Power1.easeOut});
Works fine in Chrome and Safari, but not FF. I guess it's because background position doesn't work in FF (css) but I don't know of any other way to do this.
Please help.
Thanks!
Animating floating column percentages help
in GSAP
Posted
Ah, I knew it would be something simple! Thanks for your help, D.AW