cssnext-loader icon indicating copy to clipboard operation
cssnext-loader copied to clipboard

No browser prefixing for @keyframes

Open peduarte opened this issue 10 years ago • 1 comments

Hello,

I've been using webpack with cssnext-loader quite often recently and I've noticed that it doesn't seem to add the browser prefix for keyframes declarations unless a 0% or from keyframe is present.

Examples below

Doesn't work

@keyframes {
   to { opacity: 1; }
}

compiles to:

@keyframes {
   to { opacity: 1; }
}

Works

@keyframes {
   from { opacity: 0; }
   to { opacity: 1; }
}

compiles to:

@-webkit-keyframes {
   from { opacity: 0; }
   to { opacity: 1; }
}
@keyframes {
   from { opacity: 0; }
   to { opacity: 1; }
}

Anyone else experienced this?

I've tried setting compress: false and also cssloader.aggressiveMerging: false

Thanks

peduarte avatar Aug 19 '15 07:08 peduarte

This looks like an autoprefixer bug.

MoOx avatar Aug 19 '15 08:08 MoOx