关键帧和 webkit 关键帧有什么区别？

Question

我使用的CSS是这样的：我不明白@keyframes和@webkit-keyframes之间的区别。

@keyframes slideDown {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0%);
    }		
  }
  
  @-webkit-keyframes slideDown {
    0% {
      -webkit-transform: translateY(-100%);
    }
   
    100% {
      -webkit-transform: translateY(0%);
    }	
}

Answer 1

每当您添加“@webkit”前缀时，您基本上就允许支持 Chrome 浏览器渲染动画。

参考这个