LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
.loader {
  display: block;
  width: 5em;
  margin: 10% auto;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translateY(0%);
  }
  30% {
    -webkit-transform: translateY(-0.25em);
  }
  50% {
    -webkit-transform: translateY(0%);
  }
  70% {
    -webkit-transform: translateY(0.25em);
  }
}
.loader {
  display: block;
}
.loader .inner1, .loader .inner2, .loader .inner3 {
  display: inline-block;
  margin: 0.125em;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid lightgray;
  border-radius: 1em;
  background-color: lightgray;
  -webkit-transform-origin: 50%;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.loader .inner2 {
  -webkit-animation-delay: 0.1875s;
}
.loader .inner3 {
  -webkit-animation-delay: 0.375s;
}

Description

Bouncing loading animation.
Term
Wed, 12/27/2017 - 07:03

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv