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 здесь.