css serial transition

Question

Я просматриваю сеть более суток и не могу найти рабочего решения для этой проблемы.

1. ДИВ должен расти от нуля до 100% от дна вверх, то
2. текст должен исчезнуть в
3. затем тайм-аут
4. то текст должен исчезать из
5. затем DIV должен schrink в сторону нижней части div и исчезает.

---

.max{ 
    max-height:100%;height:100%;color:#fff; 
    -moz-transition-property:max-height,height, color; 
    -moz-transition-duration:3s,3s,1s; 
    -moz-transition-delay:0s,0s,2s; 
} 
.min{ 
    max-height:0%;height:0%;color:transparent; 
    -moz-transition-property:max-height,height, color; 
    -moz-transition-duration:3s,3s,1s; 
    -moz-transition-delay:1s,1s,0s; 
} 

---

как я могу сериализовать макс & мин в одну CssClass Если это не представляется возможным, как сделать это по-другому. Но это не летает. У кого-нибудь хорошая идея или опыт?

Answer 1

Переход может работать только в том случае, если ваши начальные значения и ваши конечные значения отличаются.

Потому что ваши начальные значения и конечные значения не отличаются («вы родом из ничего, и вы ни к чему» (всегда смотрите на яркую сторону жизни)), это невозможно в одном классе CSS.

Что может быть, возможно, что у вас есть два класса сказать appear и disappear и переключаться между ними по истечению определенного промежутка времени с JavaScript (setTimeout функции)