Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Jonathan Söder
Jonathan Söder
7,428 Points

Can someone point me in the right direction of classes?

Hi!

I'm wondering, how would one achieve something like this:

while hovering over or clicking an element/button it animates and morphs into something else, like a menu.

Let's say I have a button at 150x50px which says something like "click me". If the user clicks it, an animation occurs and the button morphs into a 600x300px menu. click element -> morph into another element with animation.

Now my question is, could I create something like this in javascript and css only? Javascripts onclick (I suppose) and css with it's animation? I've only done the basic css, are there any courses that cover animation?

Thanks

1 Answer

Jonathan Söder
Jonathan Söder
7,428 Points

Cool, I was just about to start the jQuery basics class. Thanks!