Skip to content

DEV Community

Sarah

Posted on Aug 22, 2020

🎹🎵 I made a new HTML & CSS only drawing 🎵🎹

#codepen #css #html

Photorealistic illustration of a Roland MC-500.

I wrote a few tutorials on how to create art like this:

Patreon | Buy me a coffee | Blog | Twitter | CodePen | GitHub

Top comments (30)

Subscribe

Ashish Khare😎 • Aug 22 '20

Dope!

Sarah • Aug 22 '20

Thanks!

Ryan Feigenbaum • Aug 22 '20

Amazing! ♥️♥️♥️♥️

Sarah • Aug 22 '20

Thanks! 🙌🙌

Beatrice • Aug 22 '20

Woah!!! Had to do a double take, this looks amazing!

Sarah • Aug 22 '20

Thank you! 🙌

Jesse Bryant • Aug 23 '20

Such awesome attention to detail ❤️❤️

Sanjeev Sharma • Aug 22 '20

I've no words for this piece of art! Blew my mind!!!

Sarah • Aug 22 '20

Thanks! ✨

Trivi • Aug 22 '20

Amazing!

Sarah • Aug 22 '20

🙌🙌

Adam Crockett 🌀 • Aug 22 '20 • Edited

Wonderful just meet to make it work 😍

Also some petunia on the key glyphs would make this even more convincing. I wonder if it's possible.

Sarah • Aug 22 '20

Thanks!

juli • Aug 22 '20

Sickkk

Jens Genberg • Aug 22 '20

Super cool!

code-alt • Aug 24 '20

Those controls are amazing...

Sarah • Aug 24 '20

Thanks! I had a lot of fun making those

View full discussion (30 comments)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Read next

Pausing, Stopping, and Hiding Animations with animation-play-state

Abdulqudus Abubakre - Oct 20

Heartfelt Timer App with HTML/CSS/JS Only!

Programming with Shahan - Oct 19

Weather App

Sudhanshu Ambastha - Oct 19

CSS is Awesome!

John Brunson - Oct 20