EffectHub.com: your best source for gaming

Recommendation

More Effects...

CSS

.container {
  z-index: -1;
}

.large {
  background: #333;
  width: 650px;
  height: 653px;
}

.medium {
  margin-top: 75px;
  background: #666;
  width: 500px;
  height: 500px;
}

.small {
  margin-top: 75px;
  background: #999;
  width: 350px;
  height: 350px;
}

.circle {
  display: inline-block;
  text-align: center;
  border-radius:50%;
  background-image:url('https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpa1/v/t34.0-12/10514999_10152696142577214_61912951_n.jpg?oh=38e78c4e175785528ef2e690d89d3fa4&oe=53D9C49A&__gda__=1406789690_51e43c2b5a15e9ecb0e06c63d9064c8d');
  background-size: cover;

}

.spin {
    animation: rotation 32s infinite linear;
}

.spin2 {
   animation: rotation2 16s infinite linear;
}

.spin3 {
   animation: rotation 24s infinite linear;
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}

@keyframes rotation2 {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}

.container {
  text-align: center;
  background-image:url('https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpa1/v/t34.0-12/10514999_10152696142577214_61912951_n.jpg?oh=38e78c4e175785528ef2e690d89d3fa4&oe=53D9C49A&__gda__=1406789690_51e43c2b5a15e9ecb0e06c63d9064c8d');
  background-size: cover;

}

HTML

Recommendation

Join Effecthub.com