我遇到了一个我无法弄清楚的奇怪问题(现在已经搜索了 2 个小时的解决方案)。
我正在使用 slider ，当选择幻灯片时，它会显示标题(H3 和 p)。使用 transition-delay 属性时，除了标题元素上的不透明度缓入外，一切正常。
在 jsfiddle我已经设置了一个演示。单击下一个或上一个时，标题元素会延迟显示，但缓和它们的不透明度无法实现平滑过渡。
任何帮助appriciated :)
最佳答案
现在，这可能只是我误解了你正在尝试做的事情，但你似乎错误地假设了转换的继承，以及使用了不精确的选择器。基本上，如果任何复选框被选中，行 #test input:checked ~ #full > .caption 选择 .caption，即总是。
最后，您永远不会真正告诉元素实际设置不透明度的动画。
通过稍微重写你的代码，我想出了 this这应该会更好一些。
作为旁注，您不应该使用重复的 ID (#full)，如果有的话，因为如果您尝试访问它，它会破坏 Javascript。请改用空格分隔的类。
关于html - 带有缓动的 CSS3 过渡延迟，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19667298/