在线演示:http://abelyao.github.io/ukulele/
源代码: https://github.com/AbelYao/css-ukulele
效果图:
为了熟练 CSS3,尤其是变形、圆角等特性,花了一天的时间,用 HTML 和 CSS 做出了一把 UKULELE(尤克里里,夏威夷四弦吉他),当然,除此之外还用到了部分 JavaScript 来实现弹奏时播放声音的效果。
终于把这东西实现了,有点小激动,先占坑,以后详细介绍具体的细节,和一些思路。演示和源代码什么的,都在 github 上了,见文章开头的地址。
欢迎交流。
that’s all.