Maison > Article > interface Web > 基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose
基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:34:251231parcourir
介绍
一个基于基于Html5的爱情主题，文字采用打字机效果，逐字打印，并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效，chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果（暂未解决）。
技术要点
文字效果采用本地化字体 @font-face
动态的心型用到的是HTML5的canvas
打字机声音效果采用HTML5的audio属性
效果图：
基于Html5的爱情主题网站--表白神器
查看示例
下载地址
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：转：页面跳转代替<a>标签_html/css_WEB-ITnoseArticle suivant：EasyUI在MVC4中需要部分刷新页面时load()后页面变形问题！_html/css_WEB-ITnose