ホームページ >ウェブフロントエンド >htmlチュートリアル >Html5 ベースの恋愛テーマ Web サイト artifact_html/css_WEB-ITnose
はじめに
Html5 に基づいた愛のテーマで、テキストはタイプライター効果を採用しており、単語ごとに印刷され、キーボードを叩く音が含まれています。これは、chrome、safari、firefox、IE10 で有効であり、chrome で最も効果的です。 Safari は audio タグ属性をサポートしておらず、サウンド効果がないことに注意してください (まだ解決されていません)。
技術的なポイント
テキスト効果はローカライズされたフォント@font-faceを使用します
ダイナミックなハートの形はHTML5キャンバスを使用します
タイプライターの効果音はHTML5のオーディオ属性を使用します
レンダリング:
HTML5ベース 愛のテーマのWebサイト - 告白アーティファクト
例を見る
ダウンロードアドレス