Question

我在转换元素上有代码：

#zlatest .zreader-toggle-fetch-inner {
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

这匹配一个元素。在这个元素上，我在这些类之间切换，希望看到一个平滑的过渡，但是立即改变：

.zReader-requested {
    height: 50px;
}
.zreader-received {
    height: auto;
}

我在这里做错了什么？

Answer 1

您尚未实施过渡。你所做的是切换元素类，所以效果立即发生。

您需要做的是在发生事情时启动动画，而不仅仅是切换类。

为什么这个CSS过渡不起作用？

1 个答案: