百度html5.3,移动版百度首页推HTML5+CSS3特效 情人节演绎技术范

站长之家(Chinaz.com)2月14日报道：继农历新年“搜龙点睛”活动之后，百度移动在情人节当日再次推出情人节页面特效，借助HTML5技术成功演绎情人节浪漫的“技术范”。

用手机浏览器登录移动版百度首页，可以看到百度首页LOGO处出现一个手持“丘比特之箭”的上下飞动的小天使。当点击该处后，屏幕就会隐现手持行李的一男一女背向奔波，然后屏幕翻转，他们在走动中偶然相遇，此时红玫瑰闪动出来并形成一个心形图案。

 

移动版百度首页，隐现出一男一女(站长之家配图)

 

男女主人公向相反方向而行(站长之家配图)

 

页面特效翻转后，出现温暖色(站长之家配图)

 

CSS3控制，男女主人公相遇(站长之家配图)

 

心形图案出现，红玫瑰出现(站长直接配图)

 

红玫瑰组成的心形图案，再返回首页LOGO变了(站长直接配图)

据了解，该特效页面是通过HTML5

Canvas绘图，用CSS3控制动画，可以兼容多系统、多操作平台。据笔者了解，目前可以较好呈现效果的有掌上百度、遨游手机浏览器等。不过特效页面的3D翻页效果速度极快，观察困难。

据悉，此前在农历龙年新年期间，百度曾在移动版首页推出“搜龙点睛”活动，并取得良好的反响。此次推出的情人节特效页面，或许是百度在移动终端推进HTML5的进一步尝试，也代表着HTML5时代的降临。