portal/animations.css at master · JayDevDo/portal · GitHub

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
.wrapper{
    position: absolute;
    left: 1%;
    top: 1%;
    width: 99%;
    height: 99%;
}

#pageloc{
    position: absolute;
    left: 1%;
    top: 1%;
}

#JQ{
    position: absolute;
    left: 1%;
    top: 10%;

}

#NGJSV2{
    position: absolute;
    left: 1%;
    top: 30%;
}

#DartBoard{
    position: absolute;
    left: 1%;
    top: 50%;
}


#NGJS{
    position: absolute;
    left: 1%;
    top: 75%;

    -webkit-animation-delay: 5s;
       -moz-animation-delay: 5s;
         -o-animation-delay: 5s;
            animation-delay: 5s;

    -webkit-animation: positionOrbit1 13s;
       -moz-animation: positionOrbit1 13s;
         -o-animation: positionOrbit1 13s;
            animation: positionOrbit1 13s;

    transform-origin: 74% -25%;

    -webkit-animation: myOrbit1 12s linear infinite;
       -moz-animation: myOrbit1 12s linear infinite;
         -o-animation: myOrbit1 12s linear infinite;
            animation: myOrbit1 12s linear infinite;

}

/* Orbit 1 */
@keyframes positionOrbit1 {
    from {  left: 1%;  top: 75%; }
    to {    left: 35%; top: 10%; }
}


@-webkit-keyframes myOrbit1 {
    from { -webkit-transform: rotate(0deg) translateY(60%) translateX(60%) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateY(60%) translateX(60%) rotate(-360deg); }
}

@-moz-keyframes myOrbit1 {
    from { -webkit-transform: rotate(0deg) translateY(60%) translateX(60%) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateY(60%) translateX(60%) rotate(-360deg); }
}

@-o-keyframes myOrbit1 {
    from { -webkit-transform: rotate(0deg) translateY(60%) translateX(60%) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateY(60%) translateX(60%) rotate(-360deg); }
}

@keyframes myOrbit1 {
    0% { -webkit-transform: rotate(0deg) translateY(60%) translateX(60%) rotate(0deg); }
    100%   { -webkit-transform: rotate(360deg) translateY(60%) translateX(60%) rotate(-360deg); }
}

/* Orbit 2 */


/* Orbit 3 */


/* Orbit 4 */