What is the difference between keyframes and webkit keyframes?

user_10272395 0
Viewed 7718

The CSS I am using is like this: I am not understanding the difference between @keyframes and @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%);
    } 
}

css-animations web-services css html
1 Answers

Whenever you add a "@webkit" prefix , you basically are allowing support for chrome browser to render animation.

Refer this

user_106630060
Related