DEV Community

loading...
Cover image for 🎹🎡 I made a new HTML & CSS only drawing 🎡🎹

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

fossheim profile image Sarah ・1 min read

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

Discussion (32)

Collapse
hugekontrast profile image
Collapse
fossheim profile image
Collapse
techwithtris profile image
Beatrice

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

Collapse
fossheim profile image
Sarah Author

Thank you! πŸ™Œ

Collapse
royalfig profile image
Ryan Feigenbaum

Amazing! β™₯️β™₯️β™₯️β™₯️

Collapse
fossheim profile image
Sarah Author

Thanks! πŸ™ŒπŸ™Œ

Collapse
sidwood profile image
Sid Wood

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

Collapse
fossheim profile image
Sarah Author

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 Author

Thanks! ✨

Collapse
ctrivinoe profile image
Trivi

Amazing!

Collapse
fossheim profile image
Sarah Author

πŸ™ŒπŸ™Œ

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
Collapse
flaaaps profile image
juli

Sickkk

Collapse
jeansberg profile image
Jens Genberg

Super cool!

Collapse
codealt profile image
code-alt

Those controls are amazing...

Collapse
fossheim profile image
Sarah Author

Thanks! I had a lot of fun making those

Collapse
lakshmigandh profile image
lakshmigandh

Epic work !

Collapse
fossheim profile image
Collapse
rosslh profile image
Ross Hill

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

Collapse
buinauskas profile image
Evaldas

Oh wow. This is sick! πŸ‘Œ

Collapse
fossheim profile image
Collapse
anupa profile image
Anup Aglawe

That's Insane .wow πŸ¦„

Collapse
fossheim profile image
Sarah Author

Thank you!!

Collapse
bogdaaamn profile image
Bogdan Covrig

omg this is amazing!! πŸ’•

Collapse
fossheim profile image
Sarah Author

Thanks! ✨

Collapse
codemouse92 profile image
Collapse
shadowscientist profile image
Shadow Scientist

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

Collapse
am_ahmadnia profile image
Forem Open with the Forem app