Con apodo, el logotipo oficial HTML nació con hermosos y hermosos colores. Puede enumerar la página del logotipo oficial (haga clic aquí) para verla.
La imagen de arriba es una captura de pantalla, y la captura de pantalla también es una imagen. La imagen de abajo es su versión de bolsillo 128 Kawaii:
La siguiente imagen es la versión adolescente vigorosa y vibrante:
La siguiente imagen es la versión estándar 256*256 Índice de fondo transparente Versión de adolescentes masculino:
HTML5 ha lanzado este logotipo, que es de gran importancia. Creo que esto marca que HTML5 se ha desarrollado a un nuevo nivel, y su desarrollo y progreso son imparables, revelando la ambición y la dominante de HTML5.
Este logotipo se parece un poco a un logotipo de 360 Security Guard:
¿Implica que es una defensa que resiste la invasión de Flash u otras tecnologías misceláneas? ¿Quién sabe? De todos modos, no tiene nada que ver con el tema de este artículo, así que espero responderlo yo mismo.
Tienes que admirar a algunas personas a las que siempre les gusta probar nuevas tecnologías y hacer cosas nuevas. Por ejemplo, Eric, esta vez, poco después de que salió el logotipo HTML5, retrató vívidamente el nuevo logotipo HTML con un CSS más puro que Zhou Dongyu.
¿Quieres ver el efecto? Puede hacer clic aquí: nueva demostración del logotipo para implementar HTML5 con CSS
En términos de implementación, se usan muchas cosas CSS3, principalmente utilizadas para lograr el efecto de rotación. Luego, los elementos están locos por usar el posicionamiento de elementos absolutos. Entonces, poco a poco, está hecho. Debido a que se usa CSS3, este logotipo está seriamente desfigurado bajo el navegador IE. Vea la imagen a continuación (proyectada desde el navegador IE7):
Por lo tanto, debe moverse a los navegadores modernos para ver los efectos. Si desea clasificar cada navegador de acuerdo con los efectos, debería ser: Chrome ≈ Safari> Firefox> Opera
Esto es más o menos lo que es el contenido de usar CSS3 en este efecto del logotipo:
-webkit-transform: skewx (-5deg);
-Moz-Transform: skewx (-5deg);
-o-transform: skewx (-5deg);
-ms-transform: skewx (-5deg);
transformar: skewx (-5deg);
-WebKit-Transform-Origin: 100% 0;
-Moz-Transform-Origin: 100% 0;
-O-Transform-Origin: 100% 0;
-Ms-Transform-Origin: 100% 0;
transformación-origen: 100% 0;
Entre ellos, el prefijo -ms, que a menudo llamo prefijo de mierda de gato, está dirigido a los navegadores IE9. Después de todo, los navegadores extranjeros están muy por delante de nosotros. ¡Todavía no he captado la pequeña mano de IE9!
Este artículo es una pantalla simple. La gran cantidad de código CSS y el posicionamiento absoluto de la nieve voladora en todo el cielo hacen que este efecto básicamente no tenga perspectivas de aplicación en proyectos reales. Entonces, soy demasiado vago para decir más, así que debería dejar algo de tiempo para ver el drama japonés "ADY's Last Crime Retrath", y me encanta Keiko Kitagawa. Entonces, eso es todo.
Página de referencia:http://www.w3.org/html/logo/
CSS3 en HTML5? HTML5 en CSS3!
HTML5 y el nuevo logotipo de W3C Engedorsed