在页面加载时，我需要将高度降低的图像弹跳。我能够将图像反弹但高度相同

Question

我希望图像每次跳动时高度都会降低

我能够使图像弹跳，但无法获得降低高度的逻辑

  @keyframes vertically {
   60%   { 
   -moz-transform: translateY(70%); /* Browser bug fix */
   -webkit-transform: translateY(70%); /* Browser bug fix */
    transform: translateY(50%);         
     }
  100% { 
    -moz-transform: translateY(0%); /* Browser bug fix */
    -webkit-transform: translateY(0%); /* Browser bug fix */
     transform: translateY(50%); 
      }

http://jsfiddle.net/y51djxru/1/

Answer 1

我认为animation-direction这个属性可以为您提供帮助。这就是我的代码：

        .vertically .inner {
            //That's probably what you want
            animation-direction:alternate;
        }