HTML5技术

H5如何制作动态视觉差背景 - novai-L

字号+ 作者:H5之家 来源:H5之家 2017-06-11 14:04 我要评论( )

制作网站时,可能会用到视觉差效果 如图 视觉差在制作网页时会有很炫酷的效果,今天要讲的是如何呈现动态视觉差 效果如图: 制作方法首先需要一个视觉差的插件 我所用的插件是一款较为大众的视觉差插件 link rel=type=href=/link rel=type=href=link rel=typ

制作网站时,可能会用到视觉差效果

如图

 

视觉差在制作网页时会有很炫酷的效果,今天要讲的是如何呈现动态视觉差

效果如图:

 

 

制作方法首先需要一个视觉差的插件

我所用的插件是一款较为大众的视觉差插件

<link rel=type=href=/> <link rel=type=href=> <link rel=type=href=/>

导入这三个css文件后,在style中可以修改图片

 

将图片修改为指定gif即可

 

 

下面介绍不使用插件方法

<div id=> <img src=/> </div> <div id=> <img src=/> </div>

选取了一个gif

通过PS将一张大的gif图进行简单的裁剪,按照比例裁出两个侧边

      

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 邪恶改装:TPYBoard制作廉价WIFI干扰器 - 小五义

    邪恶改装:TPYBoard制作廉价WIFI干扰器 - 小五义

    2017-06-11 08:04

  • 【CSS3】使用CSS3制作全屏切换效果 - Glunefish

    【CSS3】使用CSS3制作全屏切换效果 - Glunefish

    2017-06-09 13:03

  • 如何在页面上实现一个圆形可点击区域 - Candice&Gladys

    如何在页面上实现一个圆形可点击区域 - Candice&Gladys

    2017-06-08 16:00

  • 【CSS3 + 原生JS】上升的方块动态背景 - Glunefish

    【CSS3 + 原生JS】上升的方块动态背景 - Glunefish

    2017-05-25 13:00

网友点评