More shapes
This commit is contained in:
12
README.md
12
README.md
@@ -110,6 +110,12 @@ Animates the hamburger icon to the specified shape.
|
||||
- `'circle'` - Perfect circle shape
|
||||
- `'doughnut'` - Doughnut shape with center cutout
|
||||
- `'moon'` - Crescent moon shape
|
||||
- `'u'` - Inverted U shape (∩)
|
||||
- `'u_up'` - Upright U shape (U)
|
||||
- `'u_left'` - Left-facing U shape (⊂)
|
||||
- `'u_right'` - Right-facing U shape (⊃)
|
||||
- `'hamburger_vertical'` - Hamburger with middle line hidden (☰)
|
||||
- `'hamburger_horizontal'` - Horizontal hamburger with middle line hidden (⫘)
|
||||
|
||||
**Example:**
|
||||
```javascript
|
||||
@@ -181,6 +187,12 @@ hamburger.destroy();
|
||||
<button onclick="changeShape('circle')">Circle</button>
|
||||
<button onclick="changeShape('doughnut')">Doughnut</button>
|
||||
<button onclick="changeShape('moon')">Moon</button>
|
||||
<button onclick="changeShape('u')">∩</button>
|
||||
<button onclick="changeShape('u_up')">U</button>
|
||||
<button onclick="changeShape('u_left')">⊂</button>
|
||||
<button onclick="changeShape('u_right')">⊃</button>
|
||||
<button onclick="changeShape('hamburger_vertical')">☰</button>
|
||||
<button onclick="changeShape('hamburger_horizontal')">⫘</button>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
Reference in New Issue
Block a user