Skip to content

Commit

Permalink
Added content for hamburger menu
Browse files Browse the repository at this point in the history
  • Loading branch information
redlpd committed Feb 29, 2024
1 parent a599a95 commit d3eac28
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 0 deletions.
28 changes: 28 additions & 0 deletions src/content/hamburger-menu.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
---
slug: '/hamburger-menu'
date: '2023-02-29'
title: 'Hamburger Menu'
type: 'css'
image: '../images/hamburger-menu.gif'
codepen: 'https://codepen.io/redlpd-mg/pen/vYMYNVM'
author: 'Red Lapida'
github: 'https://github.com/mashupgarage/css-blitz/pull/2'
entries:
- name: 'N/A'
url: 'https://example.com'
---

* ⌛ You have 15 minutes to implement this, take your time (but not too much)!
* 💅 Feel free to embellish and make it pretty!
* 📦 Some basic CSS is provided for you. There are some `TODO` comments in there to help you out.
* 🧙 You can search online if you get stuck.
* 🎉 When you're done, `Fork` 🍴 the Codepen page and share with us the URL.

<p align='center'>* * *</p>

## Tips and hints

- Use checkbox.
- Clicking the label should activate the input.
- Visibilty (`display` and `opacity`).
- Use `transform` with `translate` and `rotate`.
Binary file added src/images/hamburger-menu.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d3eac28

Please sign in to comment.