我正在开发一个简单的滑块，它使用 CSS 过渡来为幻灯片设置动画。我在这里创建了一支带有一些基本样式和一些 javascript 的笔。注意：由于 Codepen 使用Prefixfree，我没有使用任何前缀。
唯一的动画部分是.slider__anim，而不是它.slider__item本身。我用于position: absolute所有非活动幻灯片和position: relative活动幻灯片。这样我就不必为我的.slider.
在 Chrome 和 Safari 中它工作得很好，但由于某种原因它不会触发 Firefox 中的 CSS 转换。这是 Firefox 中的错误还是 Firefox 有任何特殊标记？