-
Notifications
You must be signed in to change notification settings - Fork 3
/
animstyles.css
59 lines (52 loc) · 1.08 KB
/
animstyles.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
.load-anim-1{
border-radius: 50%;
border : 5px solid;
border-color: #d3af37 #012265 #012265 #012265;
height: 2.5vh;
width: 2.5vh;
/* display: inline-block; */
display: none;
-webkit-animation: rotation360 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes rotation360steps {
0%{
-webkit-transform: rotate(0deg);
}
25%{
-webkit-transform: rotate(90deg);
}
50%{
-webkit-transform: rotate(180deg);
}
75%{
-webkit-transform: rotate(270deg);
}
100%{
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotationrev {
0%{
-webkit-transform: rotate(0deg);
}
/* 25%{
-webkit-transform: rotate(180deg);
} */
50%{
-webkit-transform: rotate(360deg);
}
/* 75%{
-webkit-transform: rotate(180deg);
} */
100%{
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes rotation360 {
0%{
-webkit-transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
}
}