postcss-join-transitions

PostCSS plugin that merges multiple transition rules on a selector into a single transition rule

Usage no npm install needed!

<script type="module">
  import postcssJoinTransitions from 'https://cdn.skypack.dev/postcss-join-transitions';
</script>

README

PostCSS Merge Transitions Build Status

PostCSS plugin that joins conflicting transition declarations.

Input:

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

Output:

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

Usage

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

See PostCSS docs for examples for your environment.