Не удается добавить свойство "max-content" в @ key-frames

Question

Я пытаюсь создать разборный контент, но CSS не примет свойство max-content в анимации.я получаю ошибку: «Недопустимое значение: max-content» для высоты содержимого.когда я устанавливаю высоту без @keyframes, она работает, но я хочу, чтобы она была анимированной

.full {
    animation-name: fullText;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
  }

  .short{
    animation-name: shortText;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
  }

@keyframes fullText {
    from { height: 150; }
    to { height: max-content; }
  }

  @keyframes shortText {
    from { height: max-content; }
    to { height: 150; }
  } 

Answer 1

Убедитесь, что ваш браузер поддерживает максимальный контент

https://caniuse.com/#search=max-content