AppBar переход в Материал-UI?

Question

Можно ли добавить переход к элементу AppBar в Material-UI? Кажется, что свойства класса выполнены правильно, но анимация по-прежнему не создается. Что я делаю неправильно?

Посмотрите на код здесь: CodeSandbox

В моем локальном проекте я предоставляю MuiThemeProvider, однако эффект остается прежним.

Answer 1

Это работает, если вы измените appBar стиль к следующему:

  appBar: {
    height: theme.spacing.unit * 8,
    "-moz-transition": "height 4s linear",
    "-webkit-transition": "height 4s linear",
    transition: "height 4s linear",
    "&:hover": {
      height: theme.spacing.unit * 16
    }
  }

• Измените значения перехода от массивов к строкам.
• Определите высоту по умолчанию, чтобы переход знал высоту перехода в / из.