几秒钟后更改CSS类颜色
几秒钟后更改CSS类颜色
提问于 2015-06-10 05:22:15
我需要知道如何让包含颜色代码的CSS类连续淡出到不同的颜色。如果你的解决方案能在wordpress中工作，那就更好了。
回答 2
Stack Overflow用户
发布于 2015-06-10 05:26:10
您可以使用jquery。尝试这个简单的示例，并根据需要更改为代码。
$(document).ready(function() {
setInterval(function() {
$('body').animate( { color: 'red' }, 1000)
.animate( { color: 'green' }, 1000);
}, 1000);
});JSFiddle
Stack Overflow用户
发布于 2015-06-10 05:59:38
对于现代浏览器，您可以使用@keyframes。根据您需要支持的浏览器，此示例可能还需要添加供应商前缀。此外，性能也会有所不同：
/* rainbow song colours */
@keyframes fadeBetween {
0% {background-color: red;}
15% {background-color: yellow;}
30% {background-color: pink;}
45% {background-color: green;}
60% {background-color: orange;}
75% {background-color: purple;}
100% {background-color: blue;}
}
.colour-fade {
width: 100px;
height: 100px;
background-color: red;
animation: fadeBetween 35s infinite;
} <div class="colour-fade"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30743068
复制相关文章
相似问题
腾讯云开发者
