loading.css 632 Bytes
Newer Older
藤川諒 committed
1 2 3
@charset "UTF-8";

/**************************** loading *************************/
藤川諒 committed
4 5 6 7
.sp {
  width: 25px;
  height: 25px;
  clear: both;
藤川諒 committed
8
}
藤川諒 committed
9 10 11 12 13 14 15 16 17
.sp-circle {
  width: 40px;
  height: 40px;
  margin: auto;
  border: 5px rgba(0, 0, 0, 0.25) solid;
  border-top: 5px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
藤川諒 committed
18
}
藤川諒 committed
19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
藤川諒 committed
34
}