Day 5

Frosty Modal


With tasks now organized into the accordion, Santa needs a way to make urgent announcements like “Reindeer practice at 6 PM!” The elves propose a Frosty Modal that overlays the workshop UI with a frosted-glass effect, keeping the magical and festive aesthetic intact.

Challenge:

Create a modal with:

  • A frosted-glass overlay that blurs the background.
  • Reusable for various announcements, styled with festive borders or snowflake patterns.
  • Closeable with a button or by clicking outside the modal.

Example:

🎅 Attention!
"Cookie break at 3 PM! 🎄 Don't miss out!"

The [Close] button has the same glowing hover effect as the magical buttons.

Submit your Design


Submissions

No submissions yet!
Made by @alfonsusac | Repository