Fatal编程技术网
  • css/
  • Css 从@keyframe切换到transistion动画不会'；行不通

Css 从@keyframe切换到transistion动画不会'；行不通

css

Css 从@keyframe切换到transistion动画不会'；行不通,css,css-transitions,transform,Css,Css Transitions,Transform,在加载状态下，我有一个@关键帧动画正在运行 @keyframes graph-line-loading { 0% { transform: translateY(0%); } 100% { transform: translateY(100%); } } 当我停止动画时，graph\u line跳到translateY（）值（设置内联） 但是，背景色确实可以很好地设置动画 我希望转换属性也能在transform上工作 .graph__line { tran

在加载状态下，我有一个
@关键帧
动画正在运行

@keyframes graph-line-loading {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(100%);
  }
}
当我停止动画时，
graph\u line
跳到
translateY（）
值（设置内联）

但是，
背景色
确实可以很好地设置动画

我希望转换属性也能在
transform
上工作

.graph__line {
  transition-property: transform, background-color;
}
如果
背景色
包含在
@keyframes
动画中，则在状态更改时也不会转换

似乎过渡属性忽略了在
@keyframes
中设置动画的任何属性，即使通过不同的类添加了
@keyframes

请检查小提琴。

有什么想法吗