Mit Spitzname wurde das offizielle HTML -Logo mit wunderschönen und wunderschönen Farben geboren. Sie können die offizielle Seite "Logo) auflisten (hier klicken), um sie zu sehen.
Das obige Bild ist ein Screenshot und der Screenshot ist ebenfalls ein Bild. Das Bild unten ist seine 128 Kawaii -Taschenversion:
Das folgende Bild ist die 256 starken und lebendige Teenager -Version:
Das folgende Bild ist die Standard -Version von 256*256 Hintergrundindex transparenter männlicher Teenager -Version:
HTML5 hat dieses Logo veröffentlicht, das von großer Bedeutung ist. Ich denke, diese Marke, die sich HTML5 auf ein neues Niveau entwickelt hat, und seine Entwicklung und ihr Fortschritt sind nicht aufzuhalten und zeigen den Ehrgeiz und die Dominanz von HTML5.
Dieses Logo sieht ein bisschen aus wie ein 360 -Sicherheits -Guard -Logo:
Bedeutet es, dass es eine Verteidigung ist, die der Invasion von Flash oder anderen verschiedenen Technologien widersteht? Wer weiß? Wie auch immer, es hat nichts mit dem Thema dieses Artikels zu tun, also hoffe ich, es selbst zu beantworten.
Man muss einige Leute bewundern, die immer gerne neue Technologien ausprobieren und neue Dinge machen. Zum Beispiel, eric, diesmal, kurz nachdem das HTML5 -Logo herauskam, porträtierte er das neue HTML -Logo mit einem reineren CSS als Zhou Dongyu.
Willst du den Effekt sehen? Sie können hier klicken: Neue Logo -Demo zur Implementierung von HTML5 mit CSS
In Bezug auf die Implementierung werden viele CSS3 -Dinge verwendet, die hauptsächlich zur Erzielung eines Rotationseffekts verwendet werden. Dann sind die Elemente verrückt, die absolute Elementpositionierung zu verwenden. Dann ist es nach und nach fertig. Da CSS3 verwendet wird, ist dieses Logo unter dem IE -Browser ernsthaft entstellt. Siehe das Bild unten (überab vom IE7 -Browser):
Daher müssen Sie zu modernen Browsern wechseln, um die Auswirkungen zu sehen. Wenn Sie jeden Browser nach den Effekten einstufen möchten, sollte es sein: Chrom ≈ Safari> Firefox> Opera
Dies ist ungefähr der Inhalt der Verwendung von CSS3 in diesem Logo -Effekt:
-Webkit-transform: scewx (-5deg);
-moz-transform: scewx (-5deg);
-O-transform: scewx (-5deg);
-ms-transform: scewx (-5deg);
Transformation: scewx (-5deg);
-Webkit-Transform-Origin: 100% 0;
-moz-transform-origin: 100% 0;
-O-Transform-Origin: 100% 0;
-MS-Transform-Origin: 100% 0;
Transform-Origin: 100% 0;
Unter ihnen richtet sich das -ms -Präfix, das ich oft Katzenscheiße -Präfix nenne, auf IE9 -Browser. Immerhin sind ausländische Browser viel vor uns. Ich habe die kleine Hand von IE9 noch nicht erfasst!
Dieser Artikel ist eine einfache Anzeige. Die große Menge an CSS -Code und die absolute Positionierung von fliegendem Schnee über den Himmel haben diesen Effekt im Grunde genommen keine Aussichten für die Anwendung in tatsächlichen Projekten. Also bin ich zu faul, um mehr zu sagen, also sollte ich nur etwas Zeit verlassen, um das japanische Drama "Adys letztes Verbrechensporträt" zu sehen und Keiko Kitagawa zu lieben. Das ist alles.
Referenzseite:http://www.w3.org/html/logo/
CSS3 in HTML5? HTML5 in CSS3!
HTML5 und das neue W3C-geeignete Logo