我已经到了这一点,我试图在一个我不能移动或修改其边界的元素上做一个 hilite 动画,所以我除了背景颜色之外还使用了一个轮廓来使动画区域大于元素本身(这是一个示例):
@keyframes hilite {
0% {
background-color: transparent;
outline: #ffffff solid 10px;
}
20% {
background-color: #F6F6BC;
outline: #F6F6BC solid 10px;
}
100% {
background-color: transparent;
outline: #ffffff solid 10px;
}
}
但是现在我看到背景动画在每种情况下都会触发,但轮廓动画仅在元素具有轮廓样式值时才起作用(无不起作用,当背景无不避免动画时)。
你可以在这里看到它。
我不想修复它,它已经修复了,但理解它 - 对我来说似乎不合逻辑。
提前非常感谢。