[Original] Use HTML/CSS to draw a UKULELE (Hawaii four-string guitar)

Online demonstration:Http://abelyao.github.io/ukulele/
Source code:Https://github.com/AbelYao/css-ukulele
:

 

In order to be familiar with CSS3, especially deformation, rounded corners, and other features, it took a day to use HTML and CSS to make a UKULELE (UKULELE, Hawaii's four-string guitar). Of course, in addition, some JavaScript is used to play the sound during playing.

Finally, I realized this. I was a little excited. I took the trouble and described the details and some ideas in detail later. The demo and source code are all on github. For details, refer to the address at the beginning of the article.

Welcome to the discussion.

That's all.