cssシリアルトランジション

Question

インターネットを1日以上ブラウジングしても、フォローイン問題の解決策がまだ見つかりません。

1. div要素が
その後、下から100％にnothingから育つはずです
2. テキストは、テキストがフェードアウトする必要があり
3. を、その後のdivがschrinkの方にすべきで、その後
4. にタイムアウト
5. をフェードインする必要があり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; 
} 

---

---

は、どのように私は1つのCssClass に最大&分をシリアル化することができます。 しかし、それは飛ぶことはありません。 誰でもこのアイデアや経験がありますか？

Answer 1

移行は、開始値と終了値が異なる場合にのみ機能します。

「あなたは何も出てこないし、人生の明るい面を見る」）1つのCSSクラスでは不可能です。多分可能性は、あなたが（setTimeout機能）appearとdisappearを言うとJavaScriptを一定時間後にそれらを切り替える2つのクラスを持っていることは何ですか