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

Embed a Full HTML Document Inline Using Shadow DOM

James Moberg - Sep 18

A Top Navigation Menu for a Klondike Solitaire Game, That Changes Aspect on Mobile Devices

quantotius - Oct 22

Combining Flexbox and Grid for a Personal Website Landing Page

Ahmet Erkan Paşahan - Sep 22

How to make Image rotate on hover using HTML and CSS

Kaja Uvais - Sep 18