Avec le surnom, le logo HTML officiel est né avec des couleurs magnifiques et magnifiques. Vous pouvez répertorier la page officielle du logo (cliquez ici) pour la regarder.
L'image ci-dessus est une capture d'écran, et la capture d'écran est également une image. L'image ci-dessous est sa version 128 Kawaii Pocket:
L'image suivante est la version adolescente 256 vibrante et vibrante:
L'image suivante est la version standard 256 * 256 Index de fond
HTML5 a publié ce logo, qui est d'une grande importance. Je pense que cela marque que HTML5 a développé à un nouveau niveau, et son développement et ses progrès sont imparables, révélant l'ambition et la domination de HTML5.
Ce logo ressemble un peu à un logo de garde de sécurité 360:
Cela implique-t-il que c'est une défense qui résiste à l'invasion de Flash ou d'autres technologies diverses? Qui sait? Quoi qu'il en soit, cela n'a rien à voir avec le sujet de cet article, donc j'espère y répondre moi-même.
Vous devez admirer certaines personnes qui aiment toujours essayer de nouvelles technologies et faire de nouvelles choses. Par exemple, Eric, cette fois, peu de temps après la sortie du logo HTML5, il a dépeint le nouveau logo HTML avec un CSS plus pur que Zhou Dongyu.
Vous voulez voir l'effet? Vous pouvez cliquer ici: Nouvelle démo de logo pour implémenter HTML5 avec CSS
En termes de mise en œuvre, de nombreuses choses CSS3 sont utilisées, principalement utilisées pour réaliser l'effet de rotation. Ensuite, les éléments sont fous de l'utilisation du positionnement absolu des éléments. Ensuite, petit à petit, c'est fait. Parce que CSS3 est utilisé, ce logo est sérieusement défiguré sous IE Browser. Voir l'image ci-dessous (projetée à partir du navigateur IE7):
Par conséquent, vous devez passer à des navigateurs modernes pour voir les effets. Si vous souhaitez classer chaque navigateur en fonction des effets, ce devrait être: Chrome ≈ Safari> Firefox> Opera
C'est à peu près ce que le contenu de l'utilisation de CSS3 dans cet effet de logo est:
-Webkit-transform: skewx (-5deg);
-moz-transform: skewx (-5deg);
-o-transform: skewx (-5deg);
-ms-transform: skewx (-5deg);
transformée: skewx (-5deg);
-Webkit-Transform-Origin: 100% 0;
-Moz-Transform-Origin: 100% 0;
-o-transform-original: 100% 0;
-ms-transform-original: 100% 0;
Transform-Origin: 100% 0;
Parmi eux, le préfixe -ms-, que j'appelle souvent le préfixe de la merde de chat, est ciblé sur les navigateurs IE9. Après tout, les navigateurs étrangers sont très en avance sur nous. Je n'ai pas encore saisi la petite main de IE9!
Cet article est un simple affichage. La grande quantité de code CSS et le positionnement absolu de la neige volante dans tout le ciel font que cet effet n'a essentiellement aucune perspective d'application dans les projets réels. Donc, je suis trop paresseux pour en dire plus, donc je devrais juste laisser du temps pour regarder le drame japonais "Ady's Last Crime Portrait", et aimer Keiko Kitagawa. Donc, c'est tout.
Page de référence:http://www.w3.org/html/logo/
CSS3 dans HTML5? HTML5 dans CSS3!
HTML5 et le nouveau logo approuvé par W3C