介紹html
一個基於基於Html5的愛情主題,文字採用打字機效果,逐字打印,並帶有鍵盤敲擊聲音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio標籤屬性沒有聲音效果(暫未解決)。html5
技術要點chrome
文字效果採用本地化字體 @font-facecanvas
動態的心型用到的是HTML5的canvasapp
打字機聲音效果採用HTML5的audio屬性字體
效果圖:網站
基於Html5的愛情主題網站--表白神器spa
查看示例firefox
下載地址htm