手機版百度首頁推情人節特效，HTML5＋CSS3 實現網頁3D翻轉

        今天是西方的傳統節日情人節，這次百度走在了 Google 前面，率先在手機版百度首頁推出了情人節特效。

        用現代一點的瀏覽器打開手機版百度首頁會 看到百度的 LOGO 變成了一個一直閃動翅膀的小天使，點擊天使后屏幕頂部會出現一幅幾米漫畫，顯示兩個男女主人公向左右漸變消失。之后手機屏幕會以 3D 的形式向右翻轉，緊接著出現一圈紅色的心型玫瑰花，兩個人也最終走到了一起。再點擊返回首頁，又是以 3D 的形式翻轉回首頁，現在 LOGO 又從小天使也變成了男女主人公在一起的情景。

        從設計上看，我覺得天使，心型玫瑰設計得還可以，但沒有給人驚艷的感覺，像是不夠細致。不過 3D 的翻轉效果確是把我驚訝到了。

        我問百度的人這個效果的技術上是怎樣的，他們告訴我說，“通過 HTML5 Canvas 繪圖，用 CSS3 來控制動畫，同時針對不同的操作平臺、手機終端，將圖形化元素、動畫效果盡量融入其中，來縮減彩蛋的大小 ；并采取了離線存儲的技術。”我記得百度這樣的大公司一般不會貿然嘗試使用新技術，以前為了盡量兼容更多的平臺，他們還使用過 Flash 來做這種特效。這次他們相當于帶了一個好頭，給 HTML5 和 CSS3 就增加了一個案例。想必以后會有起來越多的公司開始嘗試使用新技術吧。

        實際上這是第二次百度在手機瀏覽器上實現動態特效了，第一次是春節期間一個龍的特效，這次比上次強。來自: www.36kr.com