KevinJ

Hi Jonathan, Thanks. We've been using this with the idea that button wil always be in the same place on the page. This doesn't work if the layout becomes fluid/responsive. A co-worker suggested getting the position of the ylw-btn via javascript and using that. I will continue playing. Any thoughts? KJ

scale out from that position. I'm ok with changing the mark up and css. KJ

Hi Jonathon, One of my coworkers suggested doing this, but I would really like to have it scale from its current position. KJ

While my initial question has been answered, I ran into a little hiccup when implementing this, when the button is in a div that has been positioned a parent div, the button only grows from the 0, 0 of that div. I've changed the pen show what I mean. http://codepen.io/kjames/pen/oxEvGQ Thoughts on this? KJ

Was this ever tested? Example ever made? Kj

Hi Jonathon, The button doesn't scale vertically. In neither your or my pen with your edits. Any idea? KJ

Hi Jonathon, Thanks for the reply. This solves one issue. Any thoughts on scaling the #btn-box? I'm currently setting specific a width and height for the box (this causes scrolls bars to appear) but would like it too match the viewport's width and height (I assume this will prevent the scroll bars from showing up). KJ

Hi All, I'm new to frontend dev. This is my first go at using gsap. Here's what I'm trying to accomplish, when the submit button is clicked, it scales up (filling the page and hiding the original page content) revealing a short thank you/ confirmation message. On closing the message, the button scales back down reveal original page content. I'm currently using part of the svg btn, and when it scales up the cursor is still a pointer, my inital thought was to change the cursor to default but I'm open to any and all suggestions. Regards, KJ