DEV Community

Cover image for ๐ŸŽน๐ŸŽต I made a new HTML & CSS only drawing ๐ŸŽต๐ŸŽน
Sarah
Sarah

Posted on

๐ŸŽน๐ŸŽต I made a new HTML & CSS only drawing ๐ŸŽต๐ŸŽน

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)

Collapse
 
ashishk1331 profile image
Ashish Khare๐Ÿ˜Ž

Dope!

Collapse
 
fossheim profile image
Sarah

Thanks!

Collapse
 
royalfig profile image
Ryan Feigenbaum

Amazing! โ™ฅ๏ธโ™ฅ๏ธโ™ฅ๏ธโ™ฅ๏ธ

Collapse
 
fossheim profile image
Sarah

Thanks! ๐Ÿ™Œ๐Ÿ™Œ

Collapse
 
techwithtris profile image
Beatrice

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

Collapse
 
fossheim profile image
Sarah

Thank you! ๐Ÿ™Œ

Collapse
 
jesse1981 profile image
Jesse Bryant

Such awesome attention to detail โค๏ธโค๏ธ

Collapse
 
thesanjeevsharma profile image
Sanjeev Sharma

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

Collapse
 
fossheim profile image
Sarah

Thanks! โœจ

Collapse
 
ctrivinoe profile image
Trivi

Amazing!

Collapse
 
fossheim profile image
Sarah

๐Ÿ™Œ๐Ÿ™Œ

Collapse
 
adam_cyclones profile image
Adam Crockett ๐ŸŒ€ • 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.

Collapse
 
fossheim profile image
Sarah

Thanks!

Collapse
 
flaaaps profile image
juli

Sickkk

Collapse
 
jeansberg profile image
Jens Genberg

Super cool!

Collapse
 
code-alt profile image
code-alt

Those controls are amazing...

Collapse
 
fossheim profile image
Sarah

Thanks! I had a lot of fun making those

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