不定高度的过渡动画

.content {
    ...
    height: auto;
    clip-path: inset(0 0 100% 0);
}
 .fold:hover .content {
    clip-path: inset(0);
}

.grid{
  display: grid;
  grid-template-rows: 0fr;
  transition: .3s;
  overflow: hidden; /*防止文字溢出*/
}
.grid>div{
  min-height: 0; /*防止文字撑开容器*/
}
.wrap:hover .grid{
  grid-template-rows: 1fr;
}