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