Maison >interface Web >tutoriel HTML >基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose
介绍
一个基于基于Html5的爱情主题,文字采用打字机效果,逐字打印,并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果(暂未解决)。
技术要点
文字效果采用本地化字体 @font-face
动态的心型用到的是HTML5的canvas
打字机声音效果采用HTML5的audio属性
效果图:
基于Html5的爱情主题网站--表白神器
查看示例
下载地址