PostCSS Transition Shortcut

.div { property: all; duration: 1s; timing: ease-in-out; delay: 1s; }

/* after */

.div { transition: all 1s ease-in-out 1s; }

var gulp = require('gulp'); var postcss = require('gulp-postcss'); var transition = require('postcss-transition-shortcut');

var processors = [ transition() ];

gulp.task('default', function () { return gulp.src('./src/*.css') .pipe(postcss(processors)) .pipe(gulp.dest('./dest')); });