Sto usando gulp con autoprefixer nel mio progetto, e devo utilizzare sfondi gradiente come questo:sorso autoprefixer non aggiungere il prefisso moz
background: linear-gradient(#e98a00, #f5aa2f);
ma la produzione è:
background:-webkit-linear-gradient(#e98a00,#f5aa2f);
background:linear-gradient(#e98a00,#f5aa2f);
Cosa sbagliato con me?
Parte della Gulpfile.js
gulp.task('styles', function() {
return gulp.src(['css/less/mainPage.less'])
.pipe(plumber())
// .pipe(concat('base.scss'))
.pipe(less())
.pipe(prefix([{ browsers: ['IE 8', 'IE 9', 'last 5 versions', 'Firefox 14', 'Opera 11.1'] }]))
.pipe(minifyCSS({keepBreaks: true}))
.pipe(gulp.dest('css'))
.pipe(connect.reload());
});
Iam utilizzando gulp-autoprefixer
anche se Iam impostazione
browsers: ['Firefox 14']
uscita ancora:
background:-webkit-linear-gradient(#e98a00,#f5aa2f);
background:linear-gradient(#e98a00,#f5aa2f);
Si sta usando 'gulp-prefix' o' gulp-autoprefixer'? –
gulp-autoprefixer – betmakh