我该如何解决答案

【问题标题】：How I can fix it我该如何解决
【发布时间】：2023-01-03 04:09:03
【问题描述】：

@-webkit-keyframes slide_animation{
    0% {left:0px;}
    10% {left:0px;}
    20% {left: 1200px;}
    30% {left: 1200px;}
    40% {left: 2400px;}
    50% {left: 2400px;}
    60% {left: 1200px;}
    70% {left: 1200px;}
    80% {left: 0px;}
    90% {left: 0px;}
    100% {left: 0px;}
}

定义 keyframes.css(vendorPrefix) 时始终定义标准规则 '@keyframes'

【问题讨论】：

需要修复的是什么？请注意，并非所有浏览器都会解释 -webkit- 前缀，因此也可以在没有它的情况下放置关键帧定义（或者，现在大多数浏览器都会这样做）。 caniuse.com 是一个有用的站点，可用于检查您是否需要使用此类前缀。

标签： html css visual-studio web webkit

【解决方案1】：

尝试定义经典的 CSS keyframe 之前

@keyframes slide_animation {
  0% { left: 0px; }
  10% { left: 0px; }
  20% { left: 1200px; }
  30% { left: 1200px; }
  40% { left: 2400px; }
  50% { left: 2400px; }
  60% { left: 1200px; }
  70% { left: 1200px; }
  80% { left: 0px; }
  90% { left: 0px; }
  100% { left: 0px; }
}

@-webkit-keyframes slide_animation {
  0% { left: 0px; }
  10% { left: 0px; }
  20% { left: 1200px; }
  30% { left: 1200px; }
  40% { left: 2400px; }
  50% { left: 2400px; }
  60% { left: 1200px; }
  70% { left: 1200px; }
  80% { left: 0px; }
  90% { left: 0px; }
  100% { left: 0px; }
}

【讨论】：