2 votes

Impossible d'ajouter la propriété "max-content" à @key-frames

J'essaie de faire un contenu pliable, mais le css n'accepte pas la propriété "max-content" dans l'animation. j'obtiens l'erreur : "Invalid value : max-content" pour la hauteur du contenu. Quand je fixe la hauteur sans @keyframes, cela fonctionne, mais je veux qu'il soit animé.

.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; }
  }

0voto

Ravi Makwana Points 174

Assurez-vous que votre navigateur supporte le max-content

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X