PostCSS Merge Transitions

PostCSS plugin that joins conflicting transition declarations.

Input:

.foo {
  transition: opacity .3s ease;
  transition: transform .3s ease;
  -webkit-transition: opacity .3s ease;
  -webkit-transition: transform .3s ease;
}

Output:

.foo {
  transition: opacity .3s ease, transform .3s ease;
  -webkit-transition: opacity .3s ease, transform .3s ease;
}

Usage

postcss([ require('postcss-join-transitions') ])

See PostCSS docs for examples for your environment.