Skip to content
Submitted about 2 years ago

Expenses Chart with Custom Neon Effect

Mahmoud Attia•330
@attia-mahmoud
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Expenses chart component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I've decided to redo this challenge while adding a little spark to it✨. I came up with the following effects:

  • ⚡ Neon Theme with a background image. I used a different font and some new colours. credit
  • 📈 Increment Animation on the numbers and graph credit
  • 💨 Hover Animation on the logo
  • 👀 Bar Height Display on hover

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord