ホームページ > 記事 > ウェブフロントエンド > Html5 ベースの恋愛テーマ Web サイト artifact_html/css_WEB-ITnose
Html5 ベースの恋愛テーマ Web サイト artifact_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:34:251231ブラウズ
はじめに
Html5 に基づいた愛のテーマで、テキストはタイプライター効果を採用しており、単語ごとに印刷され、キーボードを叩く音が含まれています。これは、chrome、safari、firefox、IE10 で有効であり、chrome で最も効果的です。 Safari は audio タグ属性をサポートしておらず、サウンド効果がないことに注意してください (まだ解決されていません)。
技術的なポイント
テキスト効果はローカライズされたフォント@font-faceを使用します
ダイナミックなハートの形はHTML5キャンバスを使用します
タイプライターの効果音はHTML5のオーディオ属性を使用します
レンダリング:
HTML5ベース 愛のテーマのWebサイト - 告白アーティファクト
例を見る
ダウンロードアドレス
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。