为了账号安全,请及时绑定邮箱和手机立即绑定

我想做成背景色来会变的那种,可是它不动,是哪里有问题??代码如下

@keyframes move {
  0%{
    background-image:linear-gradient(to top left,red,orange,yellow,green,blue,indigo,violet);
  }
  15%{
    background-image:linear-gradient(to top left,orange,yellow,green,blue,indigo,violet,red);
  }
  30%{
    background-image:linear-gradient(to top left,yellow,green,blue,indigo,violet,red,orange);
  }
  45%{
    background-image:linear-gradient(to top left,green,blue,indigo,violet,red,orange,yellow);
  }
  60%{
    background-image:linear-gradient(to top left,blue,indigo,violet,red,orange,yellow,green);
  }
  75%{
    background-image:linear-gradient(to top left,indigo,violet,red,orange,yellow,green,blue);
  }
  100%{
    background-image:linear-gradient(to top left,violet,red,orange,yellow,green,blue,indigo);
  }
}

div {
        background-image:linear-gradient(to top left,red,orange,yellow,green,blue,indigo,violet);
        width:300px;
        height:200px;
        border:1px solid #f60;
        animation-name:move;
        animation-duration:10s;
        animation-timing-function:ease;
        animation-delay:1s;
        animation-iteration-count:infinite;
    }

正在回答

6 回答

看看,这个链接;

http://img1.sycdn.imooc.com//56694c09000138a108920444.jpg

0 回复 有任何疑惑可以回复我~
#1

答答安 提问者

嗯嗯,终于懂了。3Q
2015-12-10 回复 有任何疑惑可以回复我~

-webkit-linear-gradient

0 回复 有任何疑惑可以回复我~

用谷歌浏览器可以

0 回复 有任何疑惑可以回复我~

用的什么浏览器,会不会是兼容问题

0 回复 有任何疑惑可以回复我~

你是想要什么效果?背景图随着事件改变?

0 回复 有任何疑惑可以回复我~
#1

木子舟义

时间 改变
2015-12-08 回复 有任何疑惑可以回复我~
#2

答答安 提问者

css3里不是有个background-image:linear-gradient颜色渐变的属性嘛,我是想把颜色的顺序打乱,做成动画
2015-12-09 回复 有任何疑惑可以回复我~

你用了之后没有调用这个动画

0 回复 有任何疑惑可以回复我~
#1

答答安 提问者

不是animation-name:move吗?怎么调用的
2015-12-08 回复 有任何疑惑可以回复我~
#2

木子舟义 回复 答答安 提问者

解决了吗?
2015-12-08 回复 有任何疑惑可以回复我~
#3

答答安 提问者 回复 木子舟义

没有。。
2015-12-08 回复 有任何疑惑可以回复我~
#4

答答安 提问者 回复 木子舟义

我在想会不会是因为background-image属性做不成动画,因为我换成background-color用背景色单色做动画可以。添加一个linear-gradient都不行
2015-12-08 回复 有任何疑惑可以回复我~
#5

木子舟义 回复 答答安 提问者

可以的
2015-12-08 回复 有任何疑惑可以回复我~
查看2条回复

举报

0/150
提交
取消

我想做成背景色来会变的那种,可是它不动,是哪里有问题??代码如下

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信