• 2021-10-01

    Disable transitions for specific browsers

    Author

    Jens Törnell

    Comments

    Start a discussion

    I've noticed that transition animations sometimes are slow in some browsers. In that case, it can be a better experience for the user to simply disable the animation.

    Here is how it's done.

    div {
  transition: transform 200ms ease-in;
}

    Webkit (Chrome)

    -webkit-transition: none !important;

    Firefox

      -moz-transition: none !important;

    Opera

      -o-transition: none !important;

    Internet Explorer

      -ms-transition: none !important;

    Sources