Dengan nama panggilan, logo HTML resmi lahir dengan warna -warna indah dan indah. Anda dapat mendaftar halaman logo resmi (klik di sini) untuk menontonnya.
Gambar di atas adalah tangkapan layar, dan tangkapan layar juga merupakan gambar. Gambar di bawah ini adalah versi saku 128 Kawaii -nya:
Gambar berikut adalah versi remaja 256 yang kuat dan bersemangat:
Gambar berikut adalah standar 256*256 Indeks Latar Belakang Versi Remaja Maskulin Transparan:
HTML5 telah merilis logo ini, yang sangat penting. Saya pikir ini menandai bahwa HTML5 telah dikembangkan ke tingkat yang baru, dan pengembangan serta kemajuannya tak terbendung, mengungkapkan ambisi dan dominasi HTML5.
Logo ini terlihat seperti logo penjaga keamanan 360:
Apakah itu menyiratkan bahwa itu adalah pertahanan yang menolak invasi flash atau teknologi lain -lain? Siapa yang tahu? Ngomong -ngomong, itu tidak ada hubungannya dengan topik artikel ini, jadi saya berharap untuk menjawabnya sendiri.
Anda harus mengagumi beberapa orang yang selalu suka mencoba teknologi baru dan membuat hal -hal baru. Sebagai contoh, Eric, kali ini, tak lama setelah logo HTML5 keluar, ia dengan jelas menggambarkan logo HTML baru dengan CSS yang lebih murni daripada Zhou Dongyu.
Ingin melihat efeknya? Anda dapat mengklik di sini: demo logo baru untuk mengimplementasikan HTML5 dengan CSS
Dalam hal implementasi, banyak hal CSS3 digunakan, terutama digunakan untuk mencapai efek rotasi. Kemudian, elemen -elemen tergila -gila menggunakan posisi elemen absolut. Kemudian, sedikit demi sedikit, sudah selesai. Karena CSS3 digunakan, logo ini secara serius cacat di bawah IE browser. Lihat gambar di bawah ini (disaring dari browser IE7):
Karena itu, Anda perlu pindah ke browser modern untuk melihat efeknya. Jika Anda ingin memberi peringkat setiap browser sesuai dengan efeknya, itu harus: Chrome ≈ Safari> Firefox> Opera
Ini kira -kira apa konten menggunakan CSS3 dalam efek logo ini:
-webkit-transform: skewx (-5deg);
-Moz-Transform: skewx (-5deg);
-o-transform: skewx (-5deg);
-MS-Transform: skewx (-5deg);
transformasi: skewx (-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;
Di antara mereka, -MS- awalan, yang sering saya sebut awalan kucing, ditargetkan pada browser IE9. Bagaimanapun, browser asing jauh di depan kita. Saya belum menggenggam tangan kecil IE9!
Artikel ini adalah tampilan sederhana. Sejumlah besar kode CSS dan posisi absolut dari salju terbang di seluruh langit membuat efek ini pada dasarnya tidak memiliki prospek untuk aplikasi dalam proyek aktual. Jadi, saya terlalu malas untuk mengatakan lebih banyak, jadi saya harus meninggalkan waktu untuk menonton drama Jepang "Potret Kejahatan Terakhir Ady", dan Love Keiko Kitagawa. Jadi, itu saja.
Halaman referensi:http://www.w3.org/html/logo/
CSS3 di html5? HTML5 di CSS3!
HTML5 dan logo W3C yang baru didukung