Bouncing text - with webkit prefixes, add others as required.

bouncer.css

.bouncer {
    display: inline-block;
    -webkit-animation: bouncing 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
}
@-webkit-keyframes bouncing {
  0% {
    -webkit-transform: translateY(-3px);
  }
  25% {
    -webkit-transform: translateY(0px);
  }
  35% {
    -webkit-transform: translateY(-2px);
  }
  45% {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
/* Example HTML - <span class="bouncer">&#65514;</span> */