Heim > Artikel > Web-Frontend > 基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose
基于Html5的爱情主题网站?表白神器_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:34:251233Durchsuche
介绍
一个基于基于Html5的爱情主题，文字采用打字机效果，逐字打印，并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效，chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果（暂未解决）。
技术要点
文字效果采用本地化字体 @font-face
动态的心型用到的是HTML5的canvas
打字机声音效果采用HTML5的audio属性
效果图：
基于Html5的爱情主题网站--表白神器
查看示例
下载地址
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：转：页面跳转代替<a>标签_html/css_WEB-ITnoseNächster Artikel：EasyUI在MVC4中需要部分刷新页面时load()后页面变形问题！_html/css_WEB-ITnose