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;
}

试一试 here

您也可以删除所有的 !important，它们不是必需的。