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

Blur Card Effect

babar ali - Oct 10

Tailwind Vs Chakra UI | The Ultimate React UI Library Battle

Sohail SJ | chakraframer.com - Nov 23

How to Perform Actions After an Image Loads in React: Using the onLoad Event or the complete Property

Jen C. - Nov 12

Don't Rely on Default Attribute Values For Styling Web Components

Burton Smith - Nov 12