The Most Secure Cross Browser Testing Platform since 2012

Blog

Cross-Browser Transitions

shutterstock_234378844
BLOG / Web Development

Cross-Browser Transitions

Transitions is the simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.

Browser Support

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

Code Example

You can use Transitions like this:

div {
       transition-property: opacity, left, top, width;
       transition-duration: 2s, 1s;
     }

More Information

More information can be found here.