.desliza {
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: example;
}

.sobe {
  position: relative;
  -webkit-animation-name: example2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: example2;
}

.tempo1 {
  animation-duration: 2s;
}

.tempo2 {
  animation-duration: 2.5s;
}
.tempo3 {
  animation-duration: 2s;
}
.tempo4 {
  animation-duration: 3s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {left:-30px; top:0px;}
  100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
  0%   {left:-30px; top:0px;}
  100% {left:0px; top:0px;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example2 {
  0%   {left:0px; top:50px;}
  100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example2 {
  0%   {left:0px; top:50px;}
  100% {left:0px; top:0px;}
}