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

#codepen #css #html

Sarah Aug 22, 2020 ・1 min read

Photorealistic illustration of a Roland MC-500.

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

Discussion (32)

Ashish Khare😎 • Aug 22 '20

Dope!

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! 🙌

Ryan Feigenbaum • Aug 22 '20

Amazing! ♥️♥️♥️♥️

Sarah • Aug 22 '20

Thanks! 🙌🙌

Sid Wood • Aug 22 '20

Wow, jaw-dropping work. Like others, I had to do a double-take.

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

lakshmigandh • Aug 24 '20

Epic work !

Sarah • Aug 24 '20

Thanks!

Ross Hill • Aug 22 '20

Awesome! Now you just need to make it interactive ;)

Evaldas • Aug 22 '20

Oh wow. This is sick! 👌

Sarah • Aug 22 '20

Thanks!

Anup Aglawe • Aug 22 '20

That's Insane .wow 🦄

Sarah • Aug 22 '20

Thank you!!

Bogdan Covrig • Aug 22 '20

omg this is amazing!! 💕

Sarah • Aug 22 '20

Thanks! ✨

Jason C. McDonald • Aug 22 '20

O,O

Shadow Scientist • Aug 23 '20

Honestly speaking, I tried to tap the buttons... It looks just real!! Great work!!! Like x 10e100! 🤩

Amirabas Ahmadnia • Aug 22 '20

holy fuck

View full discussion (32 comments)

DEV Community

DEV Community is a community of 638,993 amazing developers

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

Discussion (32)

Read next

The 52 most popular projects from the last year of Trending Projects

【You don't know about canvas】Replace the green screen video background

Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries

JavaScript-30-Day-11