179 lines
3.3 KiB
SCSS
179 lines
3.3 KiB
SCSS
#floatingCirclesG {
|
|
position:relative;
|
|
width:128px;
|
|
height:128px;
|
|
margin:auto;
|
|
-moz-transform:scale(0.6);
|
|
-webkit-transform:scale(0.6);
|
|
-ms-transform:scale(0.6);
|
|
-o-transform:scale(0.6);
|
|
transform:scale(0.6);
|
|
}
|
|
|
|
.f_circleG {
|
|
position:absolute;
|
|
background-color:#FFFFFF;
|
|
height:23px;
|
|
width:23px;
|
|
-moz-border-radius:12px;
|
|
-moz-animation-name:f_fadeG;
|
|
-moz-animation-duration:1.04s;
|
|
-moz-animation-iteration-count:infinite;
|
|
-moz-animation-direction:linear;
|
|
-webkit-border-radius:12px;
|
|
-webkit-animation-name:f_fadeG;
|
|
-webkit-animation-duration:1.04s;
|
|
-webkit-animation-iteration-count:infinite;
|
|
-webkit-animation-direction:linear;
|
|
-ms-border-radius:12px;
|
|
-ms-animation-name:f_fadeG;
|
|
-ms-animation-duration:1.04s;
|
|
-ms-animation-iteration-count:infinite;
|
|
-ms-animation-direction:linear;
|
|
-o-border-radius:12px;
|
|
-o-animation-name:f_fadeG;
|
|
-o-animation-duration:1.04s;
|
|
-o-animation-iteration-count:infinite;
|
|
-o-animation-direction:linear;
|
|
border-radius:12px;
|
|
animation-name:f_fadeG;
|
|
animation-duration:1.04s;
|
|
animation-iteration-count:infinite;
|
|
animation-direction:linear;
|
|
}
|
|
|
|
#frotateG_01 {
|
|
left:0;
|
|
top:52px;
|
|
-moz-animation-delay:0.39s;
|
|
-webkit-animation-delay:0.39s;
|
|
-ms-animation-delay:0.39s;
|
|
-o-animation-delay:0.39s;
|
|
animation-delay:0.39s;
|
|
}
|
|
|
|
#frotateG_02 {
|
|
left:15px;
|
|
top:15px;
|
|
-moz-animation-delay:0.52s;
|
|
-webkit-animation-delay:0.52s;
|
|
-ms-animation-delay:0.52s;
|
|
-o-animation-delay:0.52s;
|
|
animation-delay:0.52s;
|
|
}
|
|
|
|
#frotateG_03 {
|
|
left:52px;
|
|
top:0;
|
|
-moz-animation-delay:0.65s;
|
|
-webkit-animation-delay:0.65s;
|
|
-ms-animation-delay:0.65s;
|
|
-o-animation-delay:0.65s;
|
|
animation-delay:0.65s;
|
|
}
|
|
|
|
#frotateG_04 {
|
|
right:15px;
|
|
top:15px;
|
|
-moz-animation-delay:0.78s;
|
|
-webkit-animation-delay:0.78s;
|
|
-ms-animation-delay:0.78s;
|
|
-o-animation-delay:0.78s;
|
|
animation-delay:0.78s;
|
|
}
|
|
|
|
#frotateG_05 {
|
|
right:0;
|
|
top:52px;
|
|
-moz-animation-delay:0.91s;
|
|
-webkit-animation-delay:0.91s;
|
|
-ms-animation-delay:0.91s;
|
|
-o-animation-delay:0.91s;
|
|
animation-delay:0.91s;
|
|
}
|
|
|
|
#frotateG_06 {
|
|
right:15px;
|
|
bottom:15px;
|
|
-moz-animation-delay:1.04s;
|
|
-webkit-animation-delay:1.04s;
|
|
-ms-animation-delay:1.04s;
|
|
-o-animation-delay:1.04s;
|
|
animation-delay:1.04s;
|
|
}
|
|
|
|
#frotateG_07 {
|
|
left:52px;
|
|
bottom:0;
|
|
-moz-animation-delay:1.17s;
|
|
-webkit-animation-delay:1.17s;
|
|
-ms-animation-delay:1.17s;
|
|
-o-animation-delay:1.17s;
|
|
animation-delay:1.17s;
|
|
}
|
|
|
|
#frotateG_08 {
|
|
left:15px;
|
|
bottom:15px;
|
|
-moz-animation-delay:1.3s;
|
|
-webkit-animation-delay:1.3s;
|
|
-ms-animation-delay:1.3s;
|
|
-o-animation-delay:1.3s;
|
|
animation-delay:1.3s;
|
|
}
|
|
|
|
@-moz-keyframes f_fadeG {
|
|
0% {
|
|
background-color:#000000;
|
|
}
|
|
|
|
100% {
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
}
|
|
|
|
@-webkit-keyframes f_fadeG {
|
|
0%{
|
|
background-color:#000000;
|
|
}
|
|
|
|
100% {
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
}
|
|
|
|
@-ms-keyframes f_fadeG {
|
|
0% {
|
|
background-color:#000000;
|
|
}
|
|
|
|
100% {
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
}
|
|
|
|
@-o-keyframes f_fadeG {
|
|
0% {
|
|
background-color:#000000;
|
|
}
|
|
|
|
100% {
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
}
|
|
|
|
@keyframes f_fadeG {
|
|
0% {
|
|
background-color:#000000;
|
|
}
|
|
|
|
100% {
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
}
|