I made a new drawing using only HTML & CSS. This time I chose to go for the Muson toy synthesizer. I've been wanting to draw it for a while now, so I'm glad I finally got to do it.
Tutorials: https://fossheim.io
Patreon: https://patreon.com/fossheim
Buy Me A Coffee: https://buymeacoffee.com/fossheim
Other CSS drawings I've made:
Top comments (42)
Woah these look awesome. I'd love to add sound functionalities for them!
What libraries would you use to do this?
If you want actual synthesis and sequencing capabilities, you should probably have a look at Tone.js. It's a really powerful framework for the WebAudio API. But if all you want is to play samples, howler sould be sufficient.
howlerjs.com/ :)
All the best it'll be great..I'll love to see that.. π₯π₯
So so cool!!
I got some tunes to go with it...
Lisa Bella Donna playing a Moog One synthesizer outdoors. π
If you don't say it it could perfectly be taken for an Illustrator vector graphic. Well, at the end it's a vector graphic just built from the less expected language. Great for you! Keep on pushing the boundaries, that's what make us all evolve.
these are awesome! they look like an actual photo, well done
These are an amazing display of skills. Congratulations. :)
Oh! I remember seeing your Polaroid codepen. I absolutely love the softness of your new CSS drawing.
Thank you! ππ»
Amazing work!!! WOW
Amazing work! Keep it up!!
Simply amazing! πππ
Amazing work
Some comments may only be visible to logged-in visitors. Sign in to view all comments.