html - css3 可以在@keyframes 淡入淡出中获取背景图像还是使用什么方法?

标签 html css

我正在尝试使背景淡入与另一幅图像交换,例如颜色淡入:

animation: fading 35s infinite;
-webkit-animation: fading 35s infinite;
font-family:siteFont;
}
@keyframes fading {
    width:100%;
0%   {background-image:url (red;}
25%  {background: yellow; }
50%  {background: blue; }
75%  {background: green;}
100% {background: red;}
}

或者是否有另一种使用 css 的方法来做到这一点?

最佳答案

试试这个:http://jsfiddle.net/myTerminal/U32gf/

我一直在改变 background-image

此外,您放置在这里的 CSS 已严重损坏。

关于html - css3 可以在@keyframes 淡入淡出中获取背景图像还是使用什么方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20771825/

相关文章:

javascript - 可以在与 IFrame 相同的页面中列出 html 源代码吗?

javascript - 为什么这个旋转横幅的导航按钮不起作用?

javascript - Bootstrap : Keeping content responsive when using an offcanvas sidebar

html - 使用 CSS 隐藏 HTML 元素

html - 隐藏滚动条,但仍然可以滚动

javascript - 限制 JavaScript 只能在元素内工作

javascript - 如何使用selenium和scrapy来爬取某个网页?

javascript - 如何获取覆盖div下元素的鼠标悬停事件

javascript - 有什么办法可以更改 Facebook Like Box 的 CSS 吗?

html - inline-flex Logo 会产生奇怪的不需要的填充(CodePen 内部)