body

{

  font-family: arial;

  background: -webkit-radial-gradient(circle, #757462, #272623);

  background: -moz-radial-gradient(circle, #757462, #272623);

}

​

h1

{

  -webkit-animation: bounceSide .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

    -moz-animation: bounceSide .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

  position: relative;

  float: left;

  color: white;

}

​

.object-1

{

  position: absolute;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  left: 50%;

  background: #ffcc00;

​

  -webkit-animation: bounce .3s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

  -moz-animation:  bounce .3s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

}

​

.object-2

{

  position: absolute;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  left: 25%;

  background: #00ccff;

​

  -webkit-animation: bounce .7s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

  -moz-animation:  bounce .7s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

}

​

.object-3

{

  position: absolute;

  width: 100px;

  height: 100px;

  border-radius: 10%;

  left: 75%;

  background: #00cc00;

​

  -webkit-animation: bounce .2s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

  -moz-animation:  bounce .2s cubic-bezier(.63,.09,.75,.46)  infinite alternate;

}

​

@-webkit-keyframes bounce {

  0%, 10% { top: 10px; height: 100px; width: 100px; }

  15% { height: 103px; width: 97px; }

  35% { height: 105px; width: 95px; }

  75% { height: 107px; width: 95px; }

  85% { height: 107px; width: 95px; }

  100% { top: 200px; height: 80px; width: 105px; }

}

​

@-moz-keyframes bounce {

  0%, 10% { top: 10px; height: 100px; width: 100px; }

  15% { height: 103px; width: 97px; }

  35% { height: 105px; width: 95px; }

  75% { height: 107px; width: 95px; }

  85% { height: 107px; width: 95px; }

  100% { top: 200px; height: 80px; width: 105px; }

}

​

@-webkit-keyframes bounceSide {

  0% { left: 10px; }

  100% { left: 200px; }

}

​

@-moz-keyframes bounceSide {

  0% { left: 10px; }

  100% { left: 200px; }

}