Home  >  Article  >  Web Front-end  >  Love theme website based on Html5? Confession artifact_html/css_WEB-ITnose

Love theme website based on Html5? Confession artifact_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:34:251230browse

Introduction

A love theme based on Html5, the text uses a typewriter effect, printed word by word, and has keyboard tapping sounds. It is effective under chrome, safari, firefox, and IE10, and the best effect is under chrome. It should be noted that Safari does not support the audio tag attribute and has no sound effects (not yet resolved).

Technical points

The text effect uses localized font @font-face

The dynamic heart shape uses HTML5 canvas

Typewriter sound effect Using the audio attribute of HTML5

Rendering:

Html5-based love theme website - confession artifact

View example

Download address

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn