مع لقب ، ولد شعار HTML الرسمي بألوان رائعة ورائعة. يمكنك سرد صفحة الشعار الرسمية (انقر هنا) لمشاهدتها.
الصورة أعلاه عبارة عن لقطة شاشة ، وشاشة الشاشة هي أيضًا صورة. الصورة أدناه هي نسخة جيب Kawaii 128:
الصورة التالية هي نسخة مراهقة قوية وحيوية 256:
الصورة التالية هي نسخة المراهق المذكر الشفافة 256*256
أصدر HTML5 هذا الشعار ، وهو ذو أهمية كبيرة. أعتقد أن هذا يمثل أن HTML5 قد تطورت إلى مستوى جديد ، وتطوره وتقدمه لا يمكن إيقافهما ، مما يكشف عن طموح HTML5.
يشبه هذا الشعار شعار حارس الأمن 360:
هل يعني ذلك أن الدفاع يقاوم غزو الفلاش أو غيرها من التقنيات المتنوعة؟ من يدري؟ على أي حال ، لا علاقة له بموضوع هذه المقالة ، لذلك آمل أن أجيب على ذلك بنفسي.
عليك أن تعجب بعض الأشخاص الذين يحبون دائمًا تجربة تقنيات جديدة وصنع أشياء جديدة. على سبيل المثال ، إريك ، هذه المرة ، بعد فترة وجيزة من شعار HTML5 ، صور بوضوح شعار HTML الجديد مع CSS أنقى من Zhou Dongyu.
تريد أن ترى التأثير؟ يمكنك النقر هنا: عرض شعار جديد لتنفيذ HTML5 مع CSS
من حيث التنفيذ ، يتم استخدام الكثير من الأشياء CSS3 ، تستخدم بشكل رئيسي لتحقيق تأثير الدوران. ثم ، العناصر مجنونة حول استخدام تحديد موقع العناصر المطلقة. ثم ، شيئًا فشيئًا ، يتم ذلك. نظرًا لاستخدام CSS3 ، يتم تشويه هذا الشعار بشكل خطير تحت متصفح IE. شاهد الصورة أدناه (تم فحصها من متصفح IE7):
لذلك ، تحتاج إلى الانتقال إلى المتصفحات الحديثة لعرض الآثار. إذا كنت ترغب في ترتيب كل متصفح وفقًا للتأثيرات ، فيجب أن يكون: Chrome ≈ Safari> Firefox> Opera
هذا هو ما هو محتوى استخدام CSS3 في تأثير الشعار هذا:
-webkit-transform: skewx (-5deg) ؛
-moz-transform: skewx (-5deg) ؛
-O التحول: skewx (-5deg) ؛
-Ms-transform: skewx (-5deg) ؛
التحويل: skewx (-5deg) ؛
-webkit-transform-arigin: 100 ٪ 0 ؛
-Moz-Transform-Origin: 100 ٪ 0 ؛
-O التحول الأولي: 100 ٪ 0 ؛
-MS-transform-arigin: 100 ٪ 0 ؛
التحويل الأولي: 100 ٪ 0 ؛
من بينها ، يتم استهداف البادئة -Ms -MS ، التي أسميها غالبًا ما تكون بادئة Cat Shit ، في متصفحات IE9. بعد كل شيء ، المستعرضات الأجنبية أمامنا. لم أدرك بعد يد IE9!
هذه المقالة هي عرض بسيط. إن الكمية الكبيرة من رمز CSS والموضع المطلق للثلوج الطيران في جميع أنحاء السماء تجعل هذا التأثير أساسًا ليس له أي احتمالات للتطبيق في المشاريع الفعلية. لذا ، أنا كسول جدًا لأقول المزيد ، لذلك يجب أن أترك بعض الوقت لمشاهدة الدراما اليابانية "صورة الجريمة الأخيرة" ، وأحب كيكو كيغاوا. لذلك ، هذا كل شيء.
الصفحة المرجعية:http://www.w3.org/html/logo/
CSS3 في HTML5؟ HTML5 في CSS3!
HTML5 والشعار الجديد من W3C