基于Html5的爱情主题网站–表白神器
程序员文章站
2022-03-08 13:28:33
...
介绍
一个基于基于Html5的爱情主题,文字采用打字机效果,逐字打印,并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果(暂未解决)。
技术要点
文字效果采用本地化字体 @font-face
动态的心型用到的是HTML5的canvas
打字机声音效果采用HTML5的audio属性
效果图:
上一篇: css中两端对齐的代码是什么
下一篇: css中添加中划线样式是什么