在我网站的一部分中，我想在每个图像下插入一些图像和文本，并且我希望图像和文本每隔几秒钟旋转一次。是否可以只使用CSS？
我用谷歌搜索过，但我只找到了使用 Java Script 或 Flash 左右的解决方案。也可以使用 CSS3 @keyframes。但问题是IE和Opera都不支持。我正在寻找一个也兼容的纯 CSS 解决方案。
问问题
1050 次
2 回答
2
仅使用 css 是不可能的。您可以使用 CSS 3 制作一些不错的图片库；但是，据我所知，它们不会自动旋转。此外，由于 IE 不支持大多数 CSS 3 功能，如果您需要支持 IE，则必须使用 javascript 或 flash。
您可能想查看jquery-image-slider-plugins它是http://www.tripwiremagazine.com/上的一篇文章，其中列出了您可能感兴趣的几个不错的图像旋转器插件。
编辑：
对于您在评论中链接的页面。它使用 javascript 作为图片旋转器。从我读过的内容来看，这个插件似乎来自http://jquery.malsup.com/cycle/download.html。这些是我认为用于它的两个文件：
<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/libraries/jquery.cycle/jquery.cycle.all.min.js?lzqlgq" type="text/javascript">
<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/modules/views_jqfx_cycle/views_jqfx_cycle.js?lzqlgq" type="text/javascript">
于 2012-06-23T02:51:17.053 回答
2
是的，我不认为你可以停止它并重新开始。这绝对是一个有用的 CSS 功能。
在我调查的时候发现了这个：http ://codepen.io/whootboy/pen/simple_css_3d_cubes/1
不是你要找的，但有趣的是动画如何与 CSS 一起工作
于 2012-06-23T02:53:18.457 回答