首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS动画-颜色更改后更改背景图像

CSS动画-颜色更改后更改背景图像
EN

Stack Overflow用户
提问于 2016-08-07 09:24:27
回答 1查看 338关注 0票数 1

在我的网站上,我得到了这个css代码

代码语言:javascript
运行
复制
@-webkit-keyframes colours {
 0% {color: red; color: lime; color: red;}
 25% {color: lime;}
 50% {color: red;}
 75% {color: lime;}
 100% {color: red;}
}
-webkit-animation: colours 1.5s infinite alternate !important;

每次颜色改变时,我可以让它在

代码语言:javascript
运行
复制
background-image: url("/images/redshield.png");

代码语言:javascript
运行
复制
background-image: url("/images/greenshield.png"); ?
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-07 09:35:50

请注意,这将继续循环...但是像这样的东西应该是有效的。

代码语言:javascript
运行
复制
@-webkit-keyframes colours {
    0% {
        color: red;
        background-image: url("/images/redshield.png");
    }
    25% {color: lime;}
    50%  {
        color: red;
        background-image: url("/images/greenshield.png");
    }
    75% {color: lime;}
    100% {color: red;}
}

-webkit-animation: colours 1.5s infinite alternate !important;
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38810082

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档