首页 > 通信 > 关键词  > 情人节最新资讯  > 正文

情人节演绎技术范 移动版百度首页推HTML5+CSS3

2012-02-14 15:43 · 稿源:站长之家

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

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

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

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

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

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

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

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

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

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

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: