关键帧和Webkit关键帧有什么区别?

时间:2018-08-25 06:57:55

标签: css html5 web-services css-animations

我正在使用的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%);
    }	
}

1 个答案:

答案 0 :(得分:1)

无论何时添加“ @webkit”前缀,基本上都支持chrome浏览器渲染动画。

引用this