Paino made with css

Hey people,

I’ve made a repl called css piano. As you might have spotted it’s a piano made with css, you can find the repl here :

https://replit.com/@Hugoonreplit/CSS-Piano?v=1&c=588604

The piano is made with 70+ lines of css which are all divs and then on the index.html file I configured all those divs to make a lovely piano! Currently, it doesn’t have any sound because no Javascript has been added to it, but If you’d like a challenge you could add sound to it.

With 150 lines of css + html I was able to make this beauty :

I hope you like it!

1 Like