css - CSS 3 でフェードイン & フェードアウト?

Question

一番上の要素にクラス「エラー」があるかどうかに応じて、テキストを表示/非表示にするスムーズな移行を行う必要があります。

しかし、私は本当にこれを機能させることができません。 http://jsfiddle.net/qd9wq/1/

どんな種類の助けにも本当に感謝します。

http://fvsch.com/code/transition-fade/test5.html#test3からアイデアを得ました。しかし、私は2種類のクラスを使いたくありません。

編集: 解決された問題: http://jsfiddle.net/qd9wq/78/

Answer 1

transition-delayこのクラス にを追加する必要があります。

fieldset.error > ul > li {
  margin-top: 0px;
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s;
}

ここで試してみてください

すべてを削除することもでき!importantます。これらは必要ありません。