<legend id='0jvhmo7t'><style id='jh2y7dox'><dir id='mkzipikj'><q id='7ylumt8y'></q></dir></style></legend>
    1. <tfoot id='qywyr8qw'></tfoot>
        <bdo id='03tg25zy'></bdo><ul id='hhafcjzw'></ul>

        <i id='e3mycafq'><tr id='vv34ym0u'><dt id='vp22r5yc'><q id='v97gecq2'><span id='mptg3ea5'><b id='1j976sof'><form id='afoq9ls6'><ins id='nz40arzb'></ins><ul id='6uzqrqh3'></ul><sub id='f8wqnhoj'></sub></form><legend id='6lhpavnn'></legend><bdo id='7oxs39ka'><pre id='ty2m2s6z'><center id='vnp4bh6u'></center></pre></bdo></b><th id='pb804xae'></th></span></q></dt></tr></i><div id='o6xbpiwl'><tfoot id='hpma8zt3'></tfoot><dl id='m2z1j1j9'><fieldset id='2psz57m9'></fieldset></dl></div>

      1. <small id='icd5iomt'></small><noframes id='6bh7gc84'>

      2. 您现在的位置是:主页 > bob体育彩票平台 > CSS3|HTML5 > CSS3|HTML5

        手机版百度首页推情人节特效HTML5+CSS3 实现网页

        叶青2022-01-13个人博客人已围观

        简介今天是西方的传统节日情人节,这次百度走在了Google前面,率先在手机版百度首页推出了情人节特效。 用现代一点的浏览器打开手机版百度首页会看到百度的LOGO变成了一个一直闪动翅

          今天是西方的传统节日情人节,这次百度走在了Google前面,率先在手机版百度首页推出了情人节特效。

          用现代一点的浏览器打开手机版百度首页会看到百度的LOGO变成了一个一直闪动翅膀的小天使,点击天使后屏幕顶部会出现一幅幾米漫画,显示两个男女主人公向左右渐变消失。之后手机屏幕会以3D 的形式向右翻转,紧接着出现一圈红色的心型玫瑰花,两个人也最终走到了一起。再点击返回首页,又是以3D的形式翻转回首页,现在 LOGO 又从小天使也变成了男女主人公在一起的情景。

          从设计上看,我觉得天使,心型玫瑰设计得还可以,但没有给人惊艳的感觉,像是不够细致。不过3D的翻转效果确是把我惊讶到了。

          我问百度的人这个效果的技术上是怎样的,他们告诉我说,“通过HTML5Canvas绘图,用CSS3 来控制动画,同时针对不同的操作平台、手机终端,将图形化元素、动画效果尽量融入其中,来缩减彩蛋的大小 ;并采取了离线存储的技术。”我记得百度这样的大公司一般不会贸然尝试使用新技术,以前为了尽量兼容更多的平台,他们还使用过 Flash 来做这种特效。这次他们相当于带了一个好头,给 HTML5 和 CSS3 就增加了一个案例。想必以后会有起来越多的公司开始尝试使用新技术吧。

          实际上这是第二次百度在手机浏览器上实现动态特效了,第一次是春节期间一个龙的特效,这次比上次强。

          <tbody id='swxjcwhc'></tbody>

          <tfoot id='0lz1q7q8'></tfoot>
            • <i id='0coqc6cw'><tr id='ozgfr85l'><dt id='w5st0818'><q id='15fmb04h'><span id='ykz75w2w'><b id='y6nxby2n'><form id='o26v5ifm'><ins id='53qk3uzt'></ins><ul id='eimispkp'></ul><sub id='sde6sa8h'></sub></form><legend id='k38nm700'></legend><bdo id='hwvhlszi'><pre id='drmrrywo'><center id='k0qsl4kv'></center></pre></bdo></b><th id='j419t8vc'></th></span></q></dt></tr></i><div id='h9tipcqb'><tfoot id='cs7alwjq'></tfoot><dl id='9eura1z9'><fieldset id='zg62e2m9'></fieldset></dl></div>
              • <bdo id='8v2cymmf'></bdo><ul id='5o8qlz6v'></ul>
                <legend id='thmksdbw'><style id='wgutsxlu'><dir id='gicrhrrf'><q id='g5onm66m'></q></dir></style></legend>

                1. <small id='3cskorvo'></small><noframes id='9q25aijw'>

                  很赞哦! ()

                  上一篇:iPhone 4借助HTML5和CSS3渲染网页

                  下一篇:没有了

                  文章评论

                  看不清?点击更换

                  注:网友评论仅供其表达个人看法,并不代表本站立场。

                  站点信息

                  • 建站时间:2019-02-24
                  • 网站程序:织梦CMS7.5
                  • 主题模板:《今夕何夕》
                  • 文章统计:490 篇
                  • 源码统计:6 篇
                  • 微信公众号:扫描二维码,关注我们
                  
                2. <small id='el8l7wb5'></small><noframes id='vy7yy65u'>

                3. <i id='jewkzr3z'><tr id='l89ws6df'><dt id='999wydh5'><q id='x9i2epsy'><span id='a5hmf723'><b id='u7xsccns'><form id='0ty5oxuq'><ins id='sl4g31f2'></ins><ul id='mky0lb3k'></ul><sub id='9kclimhd'></sub></form><legend id='dqvf9g69'></legend><bdo id='n6m76dnt'><pre id='f13o5wqo'><center id='epnp9scv'></center></pre></bdo></b><th id='ea5b197y'></th></span></q></dt></tr></i><div id='e4isrqi3'><tfoot id='usl36a6m'></tfoot><dl id='d96x4ytx'><fieldset id='13fmnl79'></fieldset></dl></div>

                4. <tfoot id='o0h3kxfm'></tfoot>

                    <bdo id='uecpov4c'></bdo><ul id='q058hm9e'></ul>
                  <legend id='d4los1wd'><style id='hgxcahx2'><dir id='zfgrwz3m'><q id='vl768v72'></q></dir></style></legend>