1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.bounce {
  border : 1px grey solid;
  animation: q-bounce 2s infinite;
}

@keyframes q-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-30px)
  }
  60% {
    transform: translateY(-15px)
  }
}
1
2
3
<div class="bounce">
  안녕하세요!
</div>

JS Bin on jsbin.com