在禁止使用 @keyframe 的情况下，纯 CSS 制作一个背景轮播图？

[Archeb]

其实事情是这样的，我发现了 Discuz 一个可以自定义个人空间 CSS 的接口。 过滤了引号、分号、 @和 > ，想着怎么能在这些限制的情况下做一个最骚的个人空间

方案一，transition delay 这是目前我在用的 见 https://www.hostloc.com/space-uid-27573.html，缺点是轮播数量受限...不过只要找多几个元素其实上限可以很高

方案二，引入 SVG + Animation SVG 作为外链被插入的时候不能再用内部 image 引用外链图片，但可以用 Data URI 绕过。 这个方法不太好，主要是图片大小不好控制，就抛弃了

不知道大家还有啥奇思妙想可以做到呢 （关于 Discuz 论坛如何自定义 CSS，见 https://www.hostloc.com/thread-663348-1-1.html ）

[alphardex]

之前做过 ken-burns 背景轮播效果 https://codepen.io/alphardex/pen/wvBovww，不用 @keyframes 感觉有点难

[ClarkAbe]

GIF

[Archeb]

@ClarkAbe 这个可以有，还可以配合服务端动态生成

[dyxang]

个性化 nice

[hzlzh]

@Archeb 服务端动态生成的思路有点意思

[dyxang]

额……没成功，粘贴了 css 结果没成功（在别的 discuz 网站试的）

[dyxang]

是必须要个人空间自定义，好吧……