Today is the 30th, and we’re back with Weekly Challenge #5.
This one’s sneaky, weird, and honestly super satisfying when you get it right.
You’re building a CSS‑only secret menu — a hidden little UI easter egg that only appears when the user does something specific (and not obvious at all).
Quick shoutout to @francistrdev for last week’s challenge — it was genuinely good, and yes, it’s in progress. I didn’t forget, I’m just slow and easily distracted by shiny CSS things.
The Mission
Make a menu that starts completely invisible and only shows up when the user triggers it in a clever way.
Not a normal button.
Not a big “open menu” link.
Something subtle. Something sneaky. Something that makes people go “wait… how did I open that?”
The Rules
- No JavaScript
- Menu must start fully hidden
- User must perform a non‑obvious action to reveal it
- Menu must have at least 5 items
- The reveal must be animated
The Goal
Make it feel like a secret dev panel.
A hidden door.
A little “you found the easter egg” moment.
Bonus (if you wanna go wild)
- Add a second hidden layer
- Add a CSS‑only lock/unlock toggle
- Give it a theme (spy, hacker, neon, retro terminal, etc.)
How to Enter
Just drop your CodePen or GitHub link in the comments.
That’s literally it.
No deadlines, no pressure — just build something cool and share it.
Alright, that’s the challenge
Go make something sneaky.
Make it weird. Make it fun. Make it yours.
And again — thanks @francistrdev for last week’s challenge.
It’s cooking.
Top comments (1)