简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 12:34:25
Original
1231 people have browsed it

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

Related labels：
基于Html5的爱情主题网站?表白神器
source：php.cn
Previous article：Transfer: Page jump instead of tag_html/css_WEB-ITnose Next article：When EasyUI needs to partially refresh the page in MVC4, the page deforms after load()! _html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1724
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
1880
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1591
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1508
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1546
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！