This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Todd Hamilton
Posted Jul 23 - Read on Facebook

Having some fun with the hamburger icon in Framer Studio.

Try it out here: http://toddham.com/framer/hamburger_icon.framer/

Download the sample project here: https://www.dropbox.com/s/8byyxpaukieh1pd/hamburger_icon.zip

7 Comments

Jorn van Dijk

Nice effect :)

Todd Hamilton

Thanks Jorn!

Luke Warda

nice

Maulik Suchak

Nice :-) Thanks for sharing Todd!

Dae Hyuk Yoon

Nice work Todd Hamilton, did you use gif or video layer for the animation?

Todd Hamilton

Thanks Dae! The lines are actually 3 separate layers that I animate into place on 'click'. In sample code look for topLine, middleLine, and bottomLine.

Jens Nikolaus

Thanks for sharing the code!

Read the entire post on Facebook