search

nDmitry / grunt-autoprefixer

Parse CSS and add vendor-prefixed CSS properties using the Can I Use database. Based on Autoprefixer.
MIT License
795 stars 60 forks source link

When I use 'transform' in 'keyframes', Unnecessary prefix attached. #54

Closed donizb closed 10 years ago

donizb commented 10 years ago

When I use 'transform' in 'keyframes', Unnecessary prefix attached.

original:

@keyframes bar {
    ...
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

produces:

@-webkit-keyframes bar {
    ...
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg); 
        transform: translate(1px, -2px) rotate(-1deg); 
    }
}

@keyframes bar {
    ...
    100% { 
       -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg); 
    }
}

i think:

@-webkit-keyframes bar {
    ...
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg); 
    }
}

@keyframes bar {
    ...
    100% {
        transform: translate(1px, -2px) rotate(-1deg); 
    }
}
ai commented 10 years ago

Keyframes prefix can be disabled before transform prefix. So we need to combine prefixed and unprefixed forms.