Yakudoo飞天喷火鳄动画特效插件

Yakudoo飞天喷火鳄动画特效插件

搬运Yakudoo大神之飞天喷火鳄,搬运来自Yakudoo大神的作品,在这里分享给大家。

JS代码
在首页头部调用JS文件

1
2
3
<script type='text/javascript' src='./js/TweenMax.min.js'></script>
<script type='text/javascript' src='https://cdn.bootcss.com/three.js/r75/three.min.js'></script>
<script type='text/javascript' src='./js/OrbitControls.js'></script>

CSS样式
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
        *{
        margin: 0px;
        padding: 0px;
        }
        #world {
       background: #652e37;
       position:absolute;
        width:100%;
        height:100%;
        overflow:hidden;
        }
        #instructions{
       position:absolute;
        width:100%;
        top:50%;
        margin: auto;
        margin-top:120px;
        font-family:'Open Sans', sans-serif;
        color:#fdde8c;
       font-size:.8em;
        text-transform: uppercase;
        text-align : center;
        line-height : 1.5;
        user-select: none;
        }
        .lightInstructions {
        color:#f89a78;
       font-size:.9em;
        }
        #credits{
       position:absolute;
        width:100%;
        margin: auto;
        bottom:0;
        margin-bottom:20px;
        font-family:'Open Sans', sans-serif;
        color:#f7575f;
       font-size:0.6em;
        text-transform: uppercase;
        text-align : center;
        }
        #credits a {
       color:#f7575f;
       }

        #power {
       position:absolute;
        width:100%;
        top:50%;
        margin: auto;
        margin-top:-220px;
        font-family:'Open Sans', sans-serif;
        color:#481f26;
       font-size: 4em;
        text-transform: uppercase;
        text-align : center;
        line-height : 1.5;
        user-select: none;
        }
当前内容只有登录了才能查看,如果您已经注册,请登录
4

发表评论