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转换语法

1 个答案: