CSS 转换语法

Question

我正在我的样式表中创建一些转换，我有这个 css，但是当我验证它时 here，我收到有关语法的警告。

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 here.

它似乎工作正常 - 至少在 Chrome 中是这样，但我需要更改什么才能修复语法？

Answer 1

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

另请参阅：How to validate vendor prefixes in CSS like -webkit- and -moz-?

CSS 转换语法

CSS transition syntax

css

css-transitions