将 gradient css 命令转换为 -moz-linear-gradient 和 -webkit-linear-gradient

Question

我有以下 css 代码，它工作得很好，但是当我尝试将它转换为 moz-linear-gradient 和 -webkit-linear-gradient 时，我收到一个错误并且它不起作用：

background: linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);

这是我的尝试：

background: -moz-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, 
#ffffff00 35%, #ffffff00 100%);
background: -webkit-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);

具体应该怎么写？

Answer 1

此代码有效，但在 chrome 中无效，webkit 在 safari 中有效，-moz- 在 firefox 中有效。你只需要像这样添加所有 3 个：

h1 {
    background: linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);
    background: -moz-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);
    background: -webkit-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);
}

将 gradient css 命令转换为 -moz-linear-gradient 和 -webkit-linear-gradient

Convert gradient css comand to -moz-linear-gradient and -webkit-linear-gradient

css

gradient