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

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