From 59c57f4d23c8ad2d277b9caefeb59eb3e100fa22 Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 18 Nov 2025 11:55:59 -0400 Subject: [PATCH] . --- README.md | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index acd248c..9ce6c92 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ A lightweight ES module for creating animated hamburger menu icons that can morp - **Configurable**: Customize size, foreground, background, and hover colors - **Lightweight**: Minimal dependencies (only SVG.js) - **ES Module**: Modern JavaScript module format -- **Multiple Shapes**: Support for 8 different icon shapes +- **Multiple Shapes**: Support for 25 different icon shapes ## Installation @@ -133,7 +133,7 @@ Returns the current SVG markup as a string. ```javascript const svgCode = hamburger.getSvgCode(); console.log(svgCode); -// Output: ... +// Output: ... ``` #### `destroy()` @@ -201,7 +201,9 @@ hamburger.destroy(); // Create hamburger with custom options const hamburger = new HamburgerMorphing('#menu-icon', { size: 100, - color: '#007bff' + foreground: '#007bff', + background: '#ffffff', + hover: '#ff0000' }); // Make it globally available for onclick handlers @@ -239,4 +241,11 @@ This project is open source and available under the [MIT License](LICENSE). ## Demo -Open `hamburger.html` in your browser to see all available shapes and animations in action. \ No newline at end of file +Open `hamburger.html` in your browser to see all available shapes and animations in action. + +The demo includes: +- **300x300px container** with a 1px border and red dot grid overlay +- **25 interactive buttons** for all available shapes +- **SVG code output** showing the current markup +- **Hover effects** that change line colors on mouse interaction +- **Smooth animations** between all shape transitions \ No newline at end of file