CSS3过渡最大高度：0到最大高度：99999px

Question

您好

我正在尝试使用纯css3创建一个相应的标签，我知道转换不适用于height : 0到height : auto所以我尝试max-height : 0到max-height : 99999px 。但我不知道为什么不起作用。

JSFiddle

Answer 1

试试这个one。

您必须定位一个属性。如果您使用单词all，则可以定位所有属性。 Read about it on MDN

div {
    transition: <property> <duration> <timing-function> <delay>;
}

示例：

.ac-container article {
  -webkit-transition: 5s all;
  -moz-transition: 5s  all;
  -o-transition: 5s all;
  -ms-transition: 5s all;
  transition: 5s all;
}

另一个错误是，您忘记了;：

.ac-container input:checked ~ article{
    max-height:999999px !important /* ; */
}

最后一件事，

如果您使用较大的值（例如999999px）和较小的转换（例如0.5s），则转换可能有效，但您无法看到它。

顺便说一下，你不需要这里的关键字!important。