LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Animation Duration: 1s

Animation Duration: 2s

Animation Duration: 3s

CSS
html, body {
  background: #81c564;
  width: 90%;
  height: 90%;
  margin: 5%;
}

p {
  color: #FFF;
  text-align: center;
  margin-bottom: 50px;
}
button {
  display: block;
  margin: 0 auto;
  background: #FFF;
  position: relative;
  padding: 15px 40px;
  border: none;
  color: #f49a25;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50%{
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

.animation {
  animation-duration: 1s; 
  animation-name: pulse;
}

.type-1 {
  animation-duration: 1s; 
}
.type-2 {
  animation-duration: 2s; 
}
.type-3 {
  animation-duration: 3s; 
}
Term
Sat, 01/13/2018 - 16:14

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv