css - autoprefixer not prefixing @keyframes? -


i copied sample @ https://www.npmjs.com/package/gulp-autoprefixer after installed gulp , gulp-autoprefixer:

var gulp = require('gulp'); var autoprefixer = require('gulp-autoprefixer');  gulp.task('default', function () {     return gulp.src('src/a.css')         .pipe(autoprefixer({             browsers: ['last 2 versions'],             cascade: false         }))         .pipe(gulp.dest('dest')); }); 

and have following in a.css:

@keyframes x {     { left: 0; }     { left: 100%; } } 

after gulp, a.css in desc, exact same code original. no -webkit- added, http://caniuse.com/#search=keyframes should prefixed android browser, target device.

am missing something?

the caniuse site specifies keyframes supported 4.3 without need prefix.

in gulp have specified prefixing should occur last 2 versions of browsers. meaning prefixing based on rules set out browsers 2 versions previous:

browsers: ['last 2 versions'] 

if want support android earlier version play around browsers option in autoprefixer module:

browsers: ['last 5 versions'] 

Comments

Popular posts from this blog

java - Static nested class instance -

c# - Bluetooth LE CanUpdate Characteristic property -

JavaScript - Replace variable from string in all occurrences -