Com o apelido, o logotipo oficial do HTML nasceu com cores lindas e lindas. Você pode listar a página de logotipo oficial (clique aqui) para assistir.
A imagem acima é uma captura de tela e a captura de tela também é uma imagem. A imagem abaixo está sua versão de 128 Kawaii Pocket:
A imagem a seguir é a versão adolescente de 256 vigorosas e vibrantes:
A imagem a seguir é o Índice de Antecedência de 256*256 padrão, versão adolescente masculina transparente:
O HTML5 lançou esse logotipo, o que é de grande importância. Eu acho que isso marca que o HTML5 se desenvolveu para um novo nível, e seu desenvolvimento e progresso são imparáveis, revelando a ambição e a dominagem do HTML5.
Este logotipo se parece um pouco com um logotipo de segurança 360:
Isso implica que é uma defesa que resiste à invasão de flash ou outras tecnologias diversas? Quem sabe? De qualquer forma, não tem nada a ver com o tópico deste artigo, então espero responder sozinho.
Você tem que admirar algumas pessoas que sempre gostam de experimentar novas tecnologias e fazer coisas novas. Por exemplo, Eric, desta vez, logo após o lançamento do logotipo HTML5, ele retratou vividamente o novo logotipo HTML com um CSS mais puro que Zhou Dongyu.
Quer ver o efeito? Você pode clicar aqui: nova demonstração de logotipo para implementar o HTML5 com CSS
Em termos de implementação, muitas coisas do CSS3 são usadas, usadas principalmente para alcançar o efeito de rotação. Então, os elementos são loucos por usar o posicionamento absoluto do elemento. Então, pouco a pouco, está feito. Como o CSS3 é usado, esse logotipo é seriamente desfigurado no navegador do IE. Veja a foto abaixo (rastreada do IE7 Browser):
Portanto, você precisa passar para os navegadores modernos para ver os efeitos. Se você deseja classificar cada navegador de acordo com os efeitos, deve ser: Chrome ≈ Safari> Firefox> Opera
É aproximadamente o que o conteúdo de usar CSS3 neste efeito de logotipo é:
-webkit-transform: skewx (-5deg);
-moz-transform: skewx (-5deg);
-o-transform: skewx (-5deg);
-ms-transform: skewx (-5deg);
Transform: skewx (-5deg);
-Webkit-transform-original: 100% 0;
-moz-transform-origin: 100% 0;
-O-transform-origin: 100% 0;
-ms-transform-original: 100% 0;
Origina de transformação: 100% 0;
Entre eles, o prefixo -ms-, que muitas vezes chamo de prefixo de merda de gato, é direcionado para os navegadores do IE9. Afinal, os navegadores estrangeiros estão muito à nossa frente. Ainda não comprei a pequena mão do IE9!
Este artigo é uma tela simples. A grande quantidade de código CSS e o posicionamento absoluto da neve voadora em todo o céu fazem esse efeito basicamente não têm perspectivas de aplicação em projetos reais. Então, estou com preguiça de dizer mais, então eu deveria deixar algum tempo para assistir ao drama japonês "O último retrato de crime de Ady" e amar Keiko Kitagawa. Então, isso é tudo.
Página de referência:http://www.w3.org/html/logo/
CSS3 em html5? HTML5 no CSS3!
HTML5 e o novo logotipo endores do W3C