CSS转换语法

Question

我在样式表中创建了一些过渡，我有这个css，但是当我在这里验证它时，我得到了关于语法的警告。

css如下:

a:after {
    content: '';
    height: 2px;
    margin: 0 auto;
    display: block;
    position: relative;
    background: #b8d5e5;
    opacity: 0;
    transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, transform .25s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
a:hover:after {
    opacity: 1;
    transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, transform .25s;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
} 

JsFiddle这里。

它似乎工作得很好-至少在Chrome中，但我需要改变什么，以修复语法?

Answer 1

它们只是供应商前缀警告。你可以忽略它们

参见:如何在CSS中验证供应商前缀，如-webkit-和-moz-?