图片闪烁过渡特效

所属分类:其他,媒体-动画效果,幻灯片和轮播图

 6341  58  查看评论 (0)
图片闪烁过渡特效 ie兼容12

该插件不支持IE
首先插入样式表,可根据自己需求调整样式

<link rel="stylesheet" type="text/css" href="css/base.css"/> 
<link rel="stylesheet" type="text/css" href="css/glitch-slideshow.css"/>

在页面代码底部插入所需JS

<script src="js/imagesloaded.pkgd.min.js"></script> 
<script src="js/demo.js"></script> 
<script src="js/demo2.js"></script>

在这里放置需要过渡的图片

<div class="slide slide--current">
    <div class="slide__img glitch" style="background-image: url(img/f2.jpg);"></div>
</div>
<div class="slide">
    <div class="slide__img glitch" style="background-image: url(img/f3.jpg);"></div>
</div>
<div class="slide">
    <div class="slide__img glitch" style="background-image: url(img/f1.jpg);"></div>
</div>
<div class="slide">
    <div class="slide__img glitch" style="background-image: url(img/f4.jpg);"></div>
</div>

而demo2中放置图片的位置是

<div class="slide__img glitch" style="background-image: url(img/2.jpg);"></div>
相关插件-动画效果,幻灯片和轮播图

jQuery+three.js雪花飘落动画效果

这是一款给人3D立体空间感的jQuery+three.js雪花飘落动画效果,canvas绘制雪花下雪动画特效。
  动画效果
 5759  43

用纯CSS3制作的效果非常炫酷的元素边框线条动画特效

这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效。这个元素边框线条动画使用伪元素和keyframes来制作线条运动效果。
  动画效果
 85443  192

超级好看的花瓣表白网页源码

超级好看的花瓣表白网页源码
  动画效果
 24252  222

3D云 (酷!)

3D云在云端!
  动画效果
 30990  709

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复