Skip to content

DEV Community

Sarah

Posted on Aug 22, 2020

68

19

🎹🎵 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.

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

Read next

Create Eye-Catching Button Effect with Rotating Glow Animation

Anower Jahan Shofol - Dec 12 '24

price tag

Mrugadnik - Dec 12 '24

CSS Responsive Comparison Table

SnippFlow - Dec 12 '24

Login Signup Interface

TD! - Dec 12 '24