单击时启动 CSS3 过渡 - Wilto Image 滑块答案

【问题标题】：Initiate CSS3 transitions on click - Wilto Image slider单击时启动 CSS3 过渡 - Wilto Image 滑块
【发布时间】：2012-11-10 19:34:47
【问题描述】：

当我单击下一个/上一个按钮时（或单击分页时），我想控制每个滑块的内容如何使用 CSS3 过渡进行动画输入/输出。

我想要的只是一些非常基本的过渡，所以图标会在一秒钟内或在文本之前滑动，并带有一些缓动。我相信我可以做 CSS 位，它只是在每张幻灯片上播放它，点击。我对 jquery 不是很好。

我该怎么做？

到目前为止，这是我的滑块：http://jsfiddle.net/sVKQM/

//

【问题讨论】：

【解决方案1】：

在我看来，纯 CSS 解决方案是不可能的，因为您使用的是一个 500% 的容器，并且只是移动它。因此，您可以在容器上应用翻译，左右移动时，您可以很好地看到它，但容器内的内容不会被修改。

所以没有办法只使用 CSS 来做到这一点，因为图像和文本没有被“修改”，只有容器，但 id，如前所述，不会将其传播到图像和文本。

PS：请随意证明我错了；）

【讨论】：