Material ui MaterialUI中的CSS转换

我试图在我的应用程序中实现MaterialUI主题。到目前为止，除了transition属性外，我已经有了这个和所有东西。Chrome开发工具显示属性处于活动状态，但悬停时没有背景转换。很明显，我找的地方不对，因为我找不到讨论这个话题的地方

import { createMuiTheme } from '@material-ui/core/styles';
import blueGrey from '@material-ui/core/colors/blueGrey';

const primaryStop0 = blueGrey[500]
const primaryStop1 = blueGrey[900]

export const theme = createMuiTheme({
    overrides: {
        MuiButton: {
            root: {
                fontWeight: 'bold',
                margin: '50px'
            },
            containedPrimary: {
                background: `linear-gradient(to right,${primaryStop0},${primaryStop1})`,
                transition: 'background 0.2s ease',
                '&:hover': {
                    background: `linear-gradient(to left,${primaryStop0},${primaryStop1})`
                }
            }
        }
    } 
})

---

事实证明，这是一个CSS限制，而不是MaterialUI。不支持线性渐变过渡

---

事实证明，这是CSS限制，而不是实质性限制。不支持线性渐变过渡

---

首先，您是否尝试对css使用静态值，并且效果良好？首先，您是否尝试对css使用静态值，并且效果良好？