css3鼠标移入手机号码成波浪上下移动？

Question

这个要怎么实现呢？有没有JQ插件之类的！！

Answer 1

http://www.htmleaf.com/Demo/2...
不知道是不是你想要的

Answer 2

@keyframes slow-wave{from{transform:translateY(0)}to{transform:translateY(-10px)}}

     span{display:inline-block;
         animation-duration:3s;
         animation-name:slow-wave;
         animation-iteration-count:infinite;
         animation-direction:alternate
     }
    .slow :nth-child(2n+0){animation-delay:-6s}
    .slow :nth-child(2n+1){animation-delay:-5.76s}
    .slow :nth-child(2n+2){animation-delay:-5.52s}
    .slow :nth-child(2n+3){animation-delay:-5.28s}
    .slow :nth-child(2n+4){animation-delay:-5.04s}
    .slow :nth-child(2n+5){animation-delay:-4.8s}
    .slow :nth-child(2n+6){animation-delay: -4.56s;}
    .slow :nth-child(2n+7){animation-delay: -4.32s;}
    .slow :nth-child(2n+8){animation-delay: -4.08s;}

<div class='slow'>

    <span>1</span>
    <span>3</span>
    <span>7</span>
    <span>8</span>
    <span>5</span>
    <span>1</span>
    <span>8</span>
    <span>8</span>
    <span>1</span>
    <span>2</span>
    <span>3</span>
</div>