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;
}