transition

Creates a visual transition when changing CSS properties.

Estimated Support About

20.93% + 18.6% = 39.53%

Notes

This page accounts for the shorthand transition property and the longhand properties transition-delay, transition-duration, transition-property and transition-timing-function.

  • 1

    Partial. Longhand properties are not supported.

  • 2

    Buggy. The all keyword is not supported.

  • 3

    Buggy. transition-duration is forced to 0 on a global reset style.

  • 4

    Transition properties are supported but pseudo-classes like :hover are not.

  • 5

    Partial. Not supported with Outlook accounts.

Resources

Know something we don't?

Is any of the above data outdated? Or do you want to add a new email client to the list? Heads on to GitHub and edit the data file!

Not comfortable with GitHub? Send us an email.

Test it yourself

This feature was last tested on March 29, 2024.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.