如何连续运行两个关键帧的CSS动画

我希望运行由两个关键帧组成的动画，以模拟车库门关闭时的运动，但动画在执行一次后停止。添加

动画迭代次数：10次只闪烁“门”，不重新运行整个动画。可能是什么问题？提前谢谢你


.house{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
宽度：200px；
高度：150像素；
}
.房子，前面{
位置：绝对位置；
底部：0；
左：50%；
转化：translateX（-50%）；
宽度：5.2米；
高度：4em；
左边框：0.5em纯灰色；
右边框：0.5em纯色灰色；
}
.房子.前面.山墙{
位置：绝对位置；
顶部：-3.5em；
左：50%；
宽度：0；
身高：0；
转化：translateX（-50%）；
左边框：3.1米实心透明；
右边框：3.1米实心透明；
底边：3.5em纯灰；
}
.房子.前门.门{
位置：绝对位置；
底部：0；
左：50%；
转化：translateX（-50%）；
宽度：4.2米；
高度：0.4em；
背景：灰色；
边界半径：2×2×0；
溢出：隐藏；
}
.房子.前门.门：在{
内容：''；
显示：块；
宽度：40%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
背景：黑色；
}
.房子前面#d1{
转化：translateX（-50%）translateY（-80%）；
}
.房子前面#d2{
转化：translateX（-50%）translateY（-300%）；
}
.房子前面#d3{
转化：translateX（-50%）translateY（-540%）；
}
.房子前面#d4{
转化：translateX（-50%）translateY（-800%）；
}
.房子.前门.门.门{
动画名称：隐藏，向上；
动画持续时间：1.6s；
动画计时功能：轻松自如；
动画迭代次数：1；
不透明度：1；
}
.房子.前门.门#d4{
动画延迟：0s，0s；
}
.房子.前门.门#d3{
动画延迟：0s，0.3s；
}
.房子.前门.门#d2{
动画延迟：0s，0.6s；
}
.房子.前门.门#d1{
动画延迟：0秒，0.9秒；
}
@关键帧隐藏
{ 
从{opacity:0；}到{opacity:0}
}
@向上设置关键帧
{ 
0%{不透明度：0；}
1%{不透明度：1；}
100%{不透明度：1；}
}
不能让两个动画同时作用于同一属性
up
在这里获胜，在
up
中，您的元素在整个动画时间->16ms中只有百分之一是透明的