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在這裏。