ホームページ >ウェブフロントエンド >htmlチュートリアル >Html5 ベースの恋愛テーマ Web サイト artifact_html/css_WEB-ITnose

Html5 ベースの恋愛テーマ Web サイト artifact_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:34:251276ブラウズ

はじめに

Html5 に基づいた愛のテーマで、テキストはタイプライター効果を採用しており、単語ごとに印刷され、キーボードを叩く音が含まれています。これは、chrome、safari、firefox、IE10 で有効であり、chrome で最も効果的です。 Safari は audio タグ属性をサポートしておらず、サウンド効果がないことに注意してください (まだ解決されていません)。

技術的なポイント

テキスト効果はローカライズされたフォント@font-faceを使用します

ダイナミックなハートの形はHTML5キャンバスを使用します

タイプライターの効果音はHTML5のオーディオ属性を使用します

レンダリング:

HTML5ベース 愛のテーマのWebサイト - 告白アーティファクト

例を見る

ダウンロードアドレス

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。