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

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

 

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

 

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

 

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

 

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

 

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

 

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

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

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

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

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

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

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

  2. Android 三国杀 百度账号,三国杀移动版百度版本v3.8.4 安卓版 Android

    三国杀移动版百度账号安全不?三国杀移动版百度手机助手版本在哪里下载?三岁半提供的三国杀移动版百度官方版本,让你在手机上也能体验到这么经典的卡牌游戏,最丰富齐全的三国武将,每一位武将的独特技能,需要你在 ...

  3. 火狐浏览器怎么支持html5,Firefox6正式版试用 完整支持HTML5规则

    原计划于本周二(8月16日)发布的Firefox 6.0正式版,提前两日便被它的粉丝们发现在Firefox的FTP服务器上已悄然出现了6.0正式版的丽影,欣喜的用户现在就已然可以下载到这一经典的浏览器 ...

  4. 齐博php百度编辑器上传图片_php版百度编辑器ueditor怎样给上传图片自动添加水印?...

    百度ueditor是广泛使用的所见即所得图文排版编辑插件,功能比较完善,美中不足就是不支持自动加水印.万维景盛工程师搜集到php版ueditor自动加水印的教程,希望对大家有帮助. 1.打开uedit ...

  5. 百度地图android HD版,百度地图HD版

    应用介绍 在这里你无需担心自己会走丢,因为有它,百度地图HD版是款非常不错的导航地图,快速定位你的位置,探索周边美食娱乐. 不但可以找位置,还能帮你"到那去",公交.驾车.步行三种 ...

  6. java百度地图离线LBS_Web版百度地图加载离线瓦片

    注:本文参考网络教程,瓦片也是通过网络下载.向原作者致敬!原作地址:http://download.csdn.net/download/dkm8873/9233731 原作版本已久,由于代码混淆压缩, ...

  7. 百度地图android HD版,百度地图hd版Android版

    百度地图hd版为用户提供一个专业的生活服务软件,专业智能的导航功能,简单方便的操作方法,以及功能多样的生活服务平台,给用户的生活带来无限的便利. 百度地图hd版特色: [最高清卫星图] 支持手势操作, ...

  8. 仿QQ浏览器mac版官网主页 html+css3特效

    这是一款超酷的CSS3动态背景动画特效,CSS3仿QQ浏览器官网彗星动画背景特效. 在线演示本地下载 转载于:https://www.cnblogs.com/wwhhq/p/8280750.html

  9. 仿QQ浏览器mac版官网主页 html css3特效

    这是一款超酷的CSS3动态背景动画特效,CSS3仿QQ浏览器官网彗星动画背景特效. 在线演示本地下载 更多专业前端知识,请上 [猿2048]www.mk2048.com

最新文章

  1. 用耳朵“打字”!这个设备能监测耳部肌肉运动,让瘫痪患者正常打字交流
  2. 【阿里云总监课第四期】时髦的云原生应用怎么写?
  3. python拿来干嘛-Python是什么 Python的用处
  4. 【Linux】一步一步学Linux——file命令(37)
  5. 中考新大纲:初中数学无非就这26个考点!孩子吃透,再笨也能考115分!
  6. Cortex M3 NVIC与中断控制
  7. UEditor在线编辑器配置及注意事项
  8. 单片机工作笔记001---了解单片机MCS51
  9. ubuntu虚拟机进程被杀死_vmware虚拟机奔溃,如何抢救文件
  10. 微软推出的在线代码查看神器github1s
  11. html返回顶部代码(简单)
  12. Unity和UE4两大游戏引擎,你该如何选择?
  13. 【转载】社会网络中心性度量
  14. (vant新手坑)引入Vant组件并改变其样式
  15. linux ftok()
  16. C#,.net将DataTable转为对应的Model实体类
  17. zookeeper读书笔记十 zookeeper实现分布式屏障Barriers
  18. I Gree的心房(CCPC-Wannafly Comet OJ 夏季欢乐赛(2019))
  19. 万向节死锁_欧拉角的奇异问题和万向节死锁问题,会对实际的哪些应用带来什么问题?...
  20. Linux 安装ryu

热门文章

  1. 扫地机器人隔板_让父母少弯腰的家务神器 -- 追觅扫拖机器人慧目F9评测
  2. matlab识别硬币面值,基于matlab的硬币识别
  3. 深耕县域共享单车的大佬松果出行 官网竟是个杂米域名?
  4. GEC210 烧写裸机程序到SD卡、flash
  5. 孕妇各个时期阶段营养食谱(分10个月)
  6. 【uni-app微信小程序】搜索页面开发,可以保存用户搜索历史,删除历史(简单解释)
  7. matlab矩阵转置出现conj如何处理
  8. java二级考试试题题型有哪些_计算机二级考试题难吗 考试题型有哪些
  9. android 动画方式,Android Activity进出动画三种方法
  10. 给定两个整数 a 和 b ,求它们的除法的商 a/b ,要求不得使用乘号 ‘*‘、除号 ‘/‘ 以及求余符号 ‘%‘ 。