В чем разница между ключевыми кадрами и ключевыми кадрами 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 для рендеринга анимации.

См. this