【原創】只用 HTML / CSS 畫出一把 UKULELE（夏威夷四弦吉他）

在線演示：http://abelyao.github.io/ukulele/ 
源代碼： https://github.com/AbelYao/css-ukulele 
效果圖：

 

爲了熟練 CSS3，尤爲是變形、圓角等特性，花了一天的時間，用 HTML 和 CSS 作出了一把 UKULELE（尤克里裏，夏威夷四弦吉他），固然，除此以外還用到了部分 JavaScript 來實現彈奏時播放聲音的效果。

終於把這東西實現了，有點小激動，先佔坑，之後詳細介紹具體的細節，和一些思路。演示和源代碼什麼的，都在 github 上了，見文章開頭的地址。

歡迎交流。

that’s all.