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

Question

我正在使用内容滑块：https ://github.com/Wilto/Dynamic-Carousel/

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

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

我该怎么做呢？

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

//

Answer 1

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

所以没有办法只用 CSS 来做，因为图像和文本没有被“修改”，只有容器，但是 id，正如已经说过的，不会将它传播到图像和文本。

PS：随时证明我错了；）