使用 CSS 制作滑动图片库答案

【问题标题】：Making a sliding image gallery using CSS使用 CSS 制作滑动图片库
【发布时间】：2012-07-10 14:38:37
【问题描述】：

我想制作一个纯 CSS 画廊/幻灯片，它会使用一种“推送”过渡效果（如果您曾经使用过 Keynote，您可能知道我的意思）。中心图像将完全可见，而侧面的图像将被掩盖，因为它们会溢出包含幻灯片的列之外。另外，是否可以进行定时转换？

【问题讨论】：

你的意思是像play.google.com/store?hl=en的顶栏？
也许可以在没有 JS 的 CSS3 中完成，但代价是非常复杂，不兼容跨浏览器并且可维护性较差。您需要什么控件（暂停/停止和/或上一个/下一个或什么都没有？）。在 jQuery 中做这件事更容易和兼容...

【解决方案1】：

我坚持在您的问题下发表评论，但这是一个带有控件的 CSS3 幻灯片，由我的一位同事制作：Full CSS3/HTML5 slideshow

这（荒谬地）复杂，并非在任何地方都有效，他花了数周时间和多次迭代才能实现，等等
并且控件的文本是&lt;，例如它应该是Previous image...嗯

作为一个挑战，干得好。在生产中，当然不是今天。

【讨论】：