'use strict'; var gulp = require('gulp'), postcss = require('gulp-postcss'); // apply PostCSS plugins gulp.task('css', function() { return gulp.src('css/test.css') .pipe(postcss([ require('autoprefixer')({}) ])) .pipe(gulp.dest('dest/css/test.css')); }); .bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .bg-bubbles li { position: absolute; list-style: none
![PostCSSでCSSを変換 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b1661a5936bfff068a1fd289cefd388ddc855b7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UG9zdENTUyVFMyU4MSVBN0NTUyVFMyU4MiU5MiVFNSVBNCU4OSVFNiU4RiU5QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGFhMTlhMTVmMmY2ZWI2MDY4MDg5MzMzYzhlYjA0MjI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdC1va3VzaGltYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDdmMzVlM2RkNzA5YWEzZjMwNDViMWIxMmFkMzgwM2Y%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da716d2324806cc5e1d17f97a1ee86cc9)