The Most Secure Cross Browser Testing Platform since 2012

Blog

Cross Browser Animation

Manual_Browser_Testing
BLOG / Web Development

Cross Browser Animation

Animation is the complex method of animating certain properties of an element.

Browser Support

Animation is already supported by all major browser so it should be really easy to get it working cross browser.

Code Example

You can use Animation like this:

div {
  animation-name: diagonal-slide;
  animation-duration: 5s;
  animation-iteration-count: 10;
}
 
@keyframes diagonal-slide {
 
  from {
    left: 0;
    top: 0;
  }
 
  to {
    left: 100px;
    top: 100px;
  }
 
}

More Information

More information can be found here.