在線演示:http://abelyao.github.io/ukulele/
源代碼: https://github.com/AbelYao/css-ukulele
效果圖:
為了熟練 CSS3,尤其是變形、圓角等特性,花了一天的時間,用 HTML 和 CSS 做出了一把 UKULELE(尤克里里,夏威夷四弦吉他),當然,除此之外還用到了部分 JavaScript 來實現彈奏時播放聲音的效果。
終於把這東西實現了,有點小激動,先占坑,以后詳細介紹具體的細節,和一些思路。演示和源代碼什么的,都在 github 上了,見文章開頭的地址。
歡迎交流。
that’s all.