Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在pageload上,我需要反弹高度递减的图像。我可以反弹高度相同的图像_Javascript_Css - Fatal编程技术网

Javascript 在pageload上,我需要反弹高度递减的图像。我可以反弹高度相同的图像

Javascript 在pageload上,我需要反弹高度递减的图像。我可以反弹高度相同的图像,javascript,css,Javascript,Css,我希望图像在每次反弹时高度降低 我能够反弹图像,但无法获得逻辑来提供降低的高度 @keyframes vertically { 60% { -moz-transform: translateY(70%); /* Browser bug fix */ -webkit-transform: translateY(70%); /* Browser bug fix */ transform: translateY(50%); } 100

我希望图像在每次反弹时高度降低

我能够反弹图像,但无法获得逻辑来提供降低的高度

  @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%); 
      }

我认为
动画方向的属性可以帮助您。这是我的代码:

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


我认为
动画方向的属性可以帮助您。这是我的代码:

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