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

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

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

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

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

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

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

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

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

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

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

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

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

  2. HTML5中最重要的技术点有哪些?

    最近很多人向小编提问HTML5相关的问题和新特性.所以小编整理了重要的问题将帮助你复习HTML5相关的知识. HTML5中最重要的技术点有哪些? 什么是HTML5? HTML5是最新的HTML标准,他 ...

  3. html恋爱纪念页面,HTML5适合的情人节礼物有纪念日期功能

    前言 利用HTML5,css,js实现爱心树 以及 纪念日期的功能 网页有播放音乐功能 以及打字倾诉感情的画面,非常适合情人节送给女朋友 具体的HTML代码 具体只要修改代码里面的男某某和女某某 文字 ...

  4. 利用html5页面表白,利用HTML5实现七夕情人节表白代码

    特效描述:利用HTML5实现七夕情人节表白代码.利用HTML5实现七夕情人节表白代码 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Th an ks for w atch ing! ...

  5. HTML5七夕情人节表白网页制作【生日蛋糕烟花动画CSS3特效】HTML+CSS+JavaScript html生日快乐祝福网页制作

    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...

  6. 百度浏览器支持html5,百度手机浏览器完美驾驭HTML5

    8月17.18日,由百度主办,Adobe.W3C协办的Test The Web Forward (简称TTWF)2013上海站开发者活动举办,百度技术委员会理事长陈尚义.W3C HTML联合主席Pau ...

  7. qq手机浏览器不支持HTML5,手机QQ浏览器:响应HTML5未来 着眼当下

    [中关村在线软件资讯]10月20日消息:由CSDN和创新工场联合举办的"移动开发者大会·中国 2012"今天在北京国家会议中心继续进行,在上午的HTML5与Web App主题论坛上 ...

  8. 手机QQ浏览器如何支持html5,手机QQ浏览器五大策略打造HTML5平台

    [IT168厂商动态]6月27日消息,腾讯举办的手机QQ浏览器HTML5创新大赛沙龙分享会第二场在北京举行,HTML5开发者.技术专家等众多行业人士将齐聚一堂共同探讨HTML5技术发展趋势以及Web ...

  9. 三屏合一技术 html5,HTML5的跨屏台技术解决了HTML5游戏那些问题!

    原标题: HTML5的跨屏台技术解决了HTML5游戏那些问题! HTML5的跨屏台三屏互动技术解决了HTML5的那些问题!如今,手机页游已经成为了人们娱乐生活的一部分,不管是在大街上还是地铁上我们总能 ...

最新文章

  1. Ubuntu14.04 32位上编译VLC2.2.0源码操作步骤
  2. Java设计模式(十三):代理设计模式
  3. Oracle 游标的各种写法
  4. 利用递归的方法求最大公约数和最小公倍数(Java)
  5. 你知道吗?Python原来可以做这些
  6. Java中获取资源文件路径
  7. ATT ECOMP与Open-O相互掣肘
  8. Unity中解析Excel表格工具
  9. 数据库信息泄漏 不可忽视的安全短板
  10. unity shader 流光(1)
  11. OMG,学它!java定时器quartz表达式
  12. tl02-搭建企业私有GIT服务
  13. 语义分析(Semantic Parsing)调研
  14. Springboot 日志、配置文件、接口数据脱敏
  15. 华为g9青春版连接计算机,华为G9青春版 移动4G(VNS-TL00)一键救砖教程,轻松刷回官方系统...
  16. matlab 自适应噪声对消,自适应噪声对消
  17. python适合什么笔记本电脑好_2019年五款最好的13英寸笔记本电脑(windows)
  18. H3C telnet配置要点
  19. Win7 安装及激活方法
  20. 【SIP协议详解】SIP协议各字段的含义

热门文章

  1. php e notice,PHP error_reporting(E_ALL ^ E_NOTICE)错误报告详细说明
  2. Linux配置mysql数据库SSL加密
  3. jsp页面时间转时间戳
  4. Redis set常用命令
  5. 记录学习(转载) STM32---程序如何在内部运行寄存器编程的理解
  6. 虚拟化系列-Citrix XenServer 6.1 安装与配置
  7. android设置自定义按钮,Android自定义View之元素按钮
  8. 关于FPR和FNR (I类错误和II类错误)
  9. java byte数组操作_Java byte数组操纵方式代码实例解析
  10. K2 BPM PaaS平台签约福耀玻璃:面向微服务应用下的BPM应用平台