Submitted about 2 years ago

Expenses Chart with Custom Neon Effect

Mahmoud Attia• 330

@attia-mahmoud

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Expenses chart component

HTML
CSS
JS

2junior

View challenge

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

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