CSS3过渡延迟与缓和

Question

我有一个奇怪的问题，我无法弄清楚（现在寻找解决方案2小时） 我正在使用一个滑块，当选择滑块时会显示一个标题（H3和p）。除了使用transition-delay属性时字幕元素的不透明度轻松外，一切正常。

在jsfiddle我设置了一个演示。当单击下一个或上一个时，标题元素会显示延迟，但对它们进行不透明度调整不适用于平滑过渡。

任何帮助：）

Answer 1

现在，这可能只是让我误解了你想要做的事情，但似乎你错误地假设转换的继承，以及使用不精确的选择器。基本上，如果检查了任何复选框，行#test input:checked ~ #full > .caption会选择.caption，即总是。

最后，你永远不会真正告诉元素实际动画不透明度。

通过稍微重写一下代码，我想出了this，这应该可以更好一些。

作为旁注，您不应该使用重复的ID（#full），如果有的话，因为如果您尝试访问它会破坏Javascript。改为使用空格分隔的类。