Home > Article > Web Front-end > 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