Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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 使动画在过渡后运行_Javascript_Html_Css_Animation_Scale - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 使动画在过渡后运行

Javascript 使动画在过渡后运行

javascript html css animation

Javascript 使动画在过渡后运行,javascript,html,css,animation,scale,Javascript,Html,Css,Animation,Scale,如何使反弹动画在对象完成缩放后运行，使其看起来都是流体？动画延迟属性似乎与过渡延迟道具不匹配。谢谢你的帮助 函数myFunction（）{ var image=document.getElementById（'test'）； image.style.webkitttransform=（'scale（2,2'）； var piss=document.getElementById（'piss'）； piss.classList.remove（'bounce'）； piss.offsetWidth=

如何使反弹动画在对象完成缩放后运行，使其看起来都是流体？动画延迟属性似乎与过渡延迟道具不匹配。谢谢你的帮助

函数myFunction（）{
var image=document.getElementById（'test'）；
image.style.webkitttransform=（'scale（2,2'）；
var piss=document.getElementById（'piss'）；
piss.classList.remove（'bounce'）；
piss.offsetWidth=piss.offsetWidth；
piss.classList.add（'bounce'）；
}
div#测试{
位置：相对位置；
显示：块；
宽度：50px；
高度：50px；
背景颜色：蓝色；
保证金：50px自动；
过渡时间：1.5s
}
.弹跳{
动画：反弹450毫秒；
动画计时功能：线性；
}
@关键帧反弹{
25%{变换：比例（1.15）；}
50%{变换：比例（0.9）；}
75%{变换：比例（1.1）；}
100%{变换：比例（1.0）；}
}

第一

动画
速记CSS属性中的第二个时间值设置动画延迟
值：


animation: bounce 450ms 1.5s;


等待缩放完成


（首次时间值450ms用于
动画持续时间
值。）
为什么再次重复相同的问题：/？