Rumah  >  Artikel  >  hujung hadapan web  >  基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose

基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:34:251231semak imbas

介绍

一个基于基于Html5的爱情主题,文字采用打字机效果,逐字打印,并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果(暂未解决)。

技术要点

文字效果采用本地化字体 @font-face

动态的心型用到的是HTML5的canvas

打字机声音效果采用HTML5的audio属性

效果图:

基于Html5的爱情主题网站--表白神器

查看示例

下载地址

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn