Cross Browser Animation
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.