向上滑动,将动画从0向下滑动到自动高度

时间:2017-09-18 10:27:43

标签: css css-animations

我想通过纯css获得向下滑动/向上滑动 div的动画效果。我写了类似的东西:

.some-class {
     overflow: hidden;
     max-height: 500px;
     transition: max-height 0.25s ease-out;
}

.some-class:focus {
     max-height: 0;
     transition: max-height 0.25s ease-in;
}

一切都很好,但我希望最大高度可能是未知的。当我在某些类样式中设置max-height: auto;时,动画效果会丢失。 如果我不知道它的确切高度,是否可以为div的高度设置动画?

0 个答案:

没有答案