Activity-Indicator/IconIndicator.css at master · AndreBurkett/Activity-Indicator · 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
 @-webkit-keyframes infinite-spinning {
     from {
       -webkit-transform: rotate(0deg);
     }
     to {
       -webkit-transform: rotate(360deg);
     }
  }
  @keyframes infinite-spinning {
     0% {
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
     }
     100% {
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(360deg);
     }
  }

.fadeBox{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(1,1,1,.6);
}
.spinner{
	-webkit-animation: infinite-spinning 1s infinite linear;
	animation: infinite-spinning 1s infinite linear;

	width: 50px;
	height: 50px;
	margin: auto;
	margin-top: 10%;
	background: url(./ActivityIndicator.png) no-repeat center;
	background-size: contain;
}