基於Html5的愛情主題網站–表白神器

介紹html

一個基於基於Html5的愛情主題,文字採用打字機效果,逐字打印,並帶有鍵盤敲擊聲音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio標籤屬性沒有聲音效果(暫未解決)。html5

技術要點chrome

文字效果採用本地化字體 @font-facecanvas

動態的心型用到的是HTML5的canvasapp

打字機聲音效果採用HTML5的audio屬性字體

效果圖:網站

基於Html5的愛情主題網站--表白神器

基於Html5的愛情主題網站--表白神器spa

查看示例firefox

下載地址htm

相關文章
相關標籤/搜索