별명으로 공식 HTML 로고는 화려하고 화려한 색상으로 태어났습니다. 공식 로고 페이지 (여기를 클릭하십시오)를 나열하여 시청할 수 있습니다.
위의 그림은 스크린 샷이며 스크린 샷도 사진입니다. 아래 그림은 128 개의 Kawaii 포켓 버전입니다.
다음 그림은 256 개의 활발하고 활기찬 십대 버전입니다.
다음 그림은 표준 256*256 배경 색인 투명 남성 십대 버전입니다.
HTML5는이 로고를 출시했습니다. 나는 이것이 html5가 새로운 차원으로 발전했으며, 개발과 진보가 막을 수 없어 HTML5의 야망과 지배성을 드러냅니다.
이 로고는 360 경비원 로고처럼 보입니다.
그것이 플래시 나 다른 기타 기술의 침입에 저항하는 것이 방어라는 것을 의미합니까? 누가 알아? 어쨌든, 그것은이 기사의 주제와 관련이 없으므로 스스로 대답하기를 바랍니다.
당신은 항상 새로운 기술을 시도하고 새로운 것을 만들고 싶어하는 사람들을 존경해야합니다. 예를 들어, 이번에는 HTML5 로고가 나온 직후에 Eric은 Zhou Dongyu보다 순수한 CSS로 새로운 HTML 로고를 생생하게 묘사했습니다.
효과를보고 싶습니까? 여기를 클릭 할 수 있습니다 : CSS로 HTML5 구현을위한 새로운 로고 데모
구현 측면에서, 많은 CSS3 물건이 사용되며 주로 회전 효과를 달성하는 데 사용됩니다. 그런 다음 요소는 절대 요소 위치를 사용하는 데 열광합니다. 그런 다음 조금씩 끝났습니다. CSS3가 사용되기 때문에이 로고는 IE 브라우저에서 심각하게 변형됩니다. 아래 그림 (IE7 브라우저에서 스크린)을 참조하십시오.
따라서 효과를보기 위해 최신 브라우저로 이동해야합니다. 효과에 따라 각 브라우저를 순위를 매기려면 다음과 같아야합니다. Chrome ≈ Safari> Firefox> Opera
이것은 대략이 로고 효과에서 CSS3을 사용하는 내용이 다음과 같습니다.
-webkit-transform : skewx (-5deg);
-Moz 변환 : skewx (-5deg);
-O- 변환 : skewx (-5deg);
-ms-transform : skewx (-5deg);
변환 : skewx (-5deg);
-webkit-transform-origin : 100% 0;
-Moz 변환-오리진 : 100% 0;
-O- 변형-오리진 : 100% 0;
-ms-transform-origin : 100% 0;
변환-오리진 : 100% 0;
그중에서도 Cat Shit Prefix라고 부르는 -ms- 접두사는 IE9 브라우저를 대상으로합니다. 결국, 외국 브라우저는 우리보다 훨씬 앞서 있습니다. 나는 아직 IE9의 작은 손을 잡지 않았다!
이 기사는 간단한 디스플레이입니다. 많은 양의 CSS 코드와 하늘 전체의 비행 눈의 절대 포지셔닝으로 인해이 효과는 기본적으로 실제 프로젝트에 적용 할 수있는 전망이 없습니다. 그래서 나는 더 많은 말을하기에는 너무 게으르다. 그래서 나는 일본 드라마 "Ady의 마지막 범죄 초상화"를보고 Keiko Kitagawa를 좋아한다. 그래서 그게 다야.
참조 페이지 :http://www.w3.org/html/logo/
HTML5에서 CSS3? CSS3의 HTML5!
HTML5 및 새로운 W3C 엔더 로고