仅使用CSS从右向左滚动的图像

仅使用CSS从右向左滚动的图像,css,Css,我有一个包含10张图片的DIV。我想在不使用JavaScript的情况下从右向左滚动这个DIV中的图像。可能吗 提前谢谢 没有。现在CSS无法处理动画。您需要包含某种javascript来为您处理此问题。它并不像您想象的那样复杂,因为当前的框架为您完成了所有繁重的工作。我个人推荐jQuery,但还有其他的。有些人已经解决了您的问题,并创建了插件,如果您不确定是否自己创建插件,您应该能够将这些插件放到您的站点上,为您提供所需的功能 编辑 我应该补充一点,虽然一些CSS动画是可能的,但它在某些浏览器

我有一个包含10张图片的DIV。我想在不使用JavaScript的情况下从右向左滚动这个DIV中的图像。可能吗


提前谢谢

没有。现在CSS无法处理动画。您需要包含某种javascript来为您处理此问题。它并不像您想象的那样复杂,因为当前的框架为您完成了所有繁重的工作。我个人推荐jQuery,但还有其他的。有些人已经解决了您的问题,并创建了插件,如果您不确定是否自己创建插件,您应该能够将这些插件放到您的站点上,为您提供所需的功能

编辑

我应该补充一点,虽然一些CSS动画是可能的,但它在某些浏览器中不受支持

谷歌搜索的功劳:)


正如上面的评论所说,这是CSS3,因此您对浏览器的支持有限,可以使用CSS3功能中的转换,因此它在IE中不起作用。它在ff3.6+和chrome中确实起作用,不过我不知道浏览器的重置,因为我没有时间测试它们


好吧,您只需给包含图像的div一个固定的
宽度
,并通过CSS设置
空白:无换行
。然后只需向div添加
溢出:auto
,应该就是这样。

简短的回答是:不,不能使用纯CSS制作动画,至少现在还不能。CSS动画和转换已经上市,但还没有标准化,也没有得到足够广泛的支持,值得使用

然而,也就是说,你应该看看这个:

只使用标准CSS的巧妙滚动/滚动效果。没有Javascript,没有CSS动画或转换。非常非常聪明。它甚至可以在IE8中使用


当然,它是使用一些非常狡猾的CSS技巧来实现这一点的,所以这不是一种您将在日常代码中使用的技术。但问题是“有可能吗?”,而不是“有可能不过于聪明和刻薄吗?”

不,没有CSS转换,这是当前基于非webkit的浏览器不支持的。实际上,Firefox也支持CSS转换。你的意思是不使用滚动条吗?@Dan它们仅在Firefox 4 Beta版中受支持,不是发布版本。