https://github.com/tamino-martinius/ui-snippets-menu-animations

Four different menu animations for menu button toggle between hamburger, cross and back icon.
https://github.com/tamino-martinius/ui-snippets-menu-animations

animation css html svg

Last synced: 7 days ago
JSON representation

Four different menu animations for menu button toggle between hamburger, cross and back icon.

• Host: GitHub
• URL: https://github.com/tamino-martinius/ui-snippets-menu-animations
• Owner: tamino-martinius
• License: mit
• Created: 2018-05-28T17:44:43.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-08-11T17:21:08.000Z (about 6 years ago)
• Last Synced: 2024-10-12T06:43:34.796Z (23 days ago)
• Topics: animation, css, html, svg
• Language: CSS
• Homepage:
• Size: 1.09 MB
• Stars: 172
• Watchers: 3
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-effect - menu-animations - Four different menu animations for menu button toggle between hamburger, cross and back icon. (🚀 A series of exquisite and compact web page cool effects / SVG Animations)
• fucking-awesome-web-effect - menu-animations - Four different menu animations for menu button toggle between hamburger, cross and back icon. (🚀 A series of exquisite and compact web page cool effects / SVG Animations)

README

        
# Menu Button Animations

Four different menu animations for menu button toggle between hamburger, cross and back icon.

You can see a full page Preview on [GitHub Pages](https://tamino-martinius.github.io/ui-snippets-menu-animations) or do quick changes on [CodePen](https://codepen.io/Zaku/pen/ejLNJL/).

![Menu Preview](public/preview-menu.gif?raw=true)

![Dots Preview](public/preview-dots.gif?raw=true)