Html5 Svg彩色光束动画特效插件

Html5 Svg彩色光束动画特效插件

html5光圈光束灯发散动画特效。有需要的朋友可以直接下载使用,本段代码可以在各个网页使用,本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码!

使用方法
在页面引入相关JS代码文件

1
<script src="js/TweenMax.min.js"></script>

CSS样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
body {
 background-color: #000;
overflow: hidden;
 text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
}

body,
html {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
}

svg {
 width: 100%;
 height: 100%;
 visibility: hidden;
 
}

.desat {
 filter:url(#desat)
}

文件信息:

    1

    发表评论