ニックネームで、公式のHTMLロゴはゴージャスでゴージャスな色で生まれました。公式ロゴページ(ここをクリック)をリストして視聴できます。
上の写真はスクリーンショットであり、スクリーンショットも写真です。以下の写真は、128 Kawaiiポケットバージョンです。
次の写真は、256の活発で活気のあるティーンエイジャーバージョンです。
次の写真は、標準の256*256バックグラウンドインデックス透明な男性のティーンエイジャーバージョンです。
HTML5はこのロゴをリリースしましたが、これは非常に重要です。これは、HTML5が新しいレベルに発展し、その発展と進歩が止められず、HTML5の野心と支配性を明らかにすることを示していると思います。
このロゴは、360セキュリティガードのロゴのように見えます。
それは、フラッシュまたは他のその他の技術の侵略に抵抗する防御であることを意味しますか?知るか?とにかく、それはこの記事のトピックとは何の関係もないので、私はそれに答えたいと思っています。
常に新しいテクノロジーを試して新しいものを作るのが好きな人を賞賛しなければなりません。たとえば、エリック、今回は、HTML5ロゴが登場した直後、彼はZhou Dongyuよりも純粋なCSSで新しいHTMLロゴを鮮明に描写しました。
効果を見たいですか?ここをクリックできます:CSSでHTML5を実装するための新しいロゴデモ
実装に関しては、主に回転効果を達成するために使用される多くのCSS3のものが使用されています。次に、要素は絶対要素の位置を使用することに夢中です。それから、少しずつ、それは完了です。 CSS3が使用されるため、このロゴはIEブラウザーの下で深刻に外れています。以下の写真を参照してください(IE7ブラウザからスクリーニング):
したがって、効果を表示するには、最新のブラウザに移動する必要があります。エフェクトに従って各ブラウザをランク付けする場合は、次のようにする必要があります。
これは、このロゴ効果でCSS3を使用することのコンテンツが次のとおりです。
-webkit-transform:skewx(-5deg);
-moz-transform:skewx(-5deg);
-o-transform:skewx(-5deg);
-ms-transform:skewx(-5deg);
変換:skewx(-5deg);
-webkit-transform-origin:100%0;
-moz-transform-origin:100%0;
-o-transform-origin:100%0;
-ms-transform-origin:100%0;
変換オリジン:100%0;
その中で、私がよく猫のたわごとのプレフィックスと呼ぶ-ms-プレフィックスは、IE9ブラウザをターゲットにしています。結局のところ、外国のブラウザは私たちよりもはるかに先を行っています。私はまだIE9の小さな手を把握していません!
この記事は簡単なディスプレイです。大量のCSSコードと空中に空飛ぶ雪の絶対的な位置は、基本的に実際のプロジェクトでの適用の見通しはありません。だから、私はもっと言うのが怠けているので、日本のドラマ「アディの最後の犯罪の肖像」を見るために少し時間を残して、そして北川剣道が大好きです。だから、それだけです。
参照ページ:http://www.w3.org/html/logo/
HTML5のCSS3? CSS3のHTML5!
HTML5および新しいW3Cエンドル型ロゴ