html状态栏色,html – 使用css转换更改导航栏颜色

使用CSS3动画,你可以做到.

下面给出的示例代码大约在30秒后改变颜色并在不同颜色之间切换.

#navbar {

background-color: #080;

width: 100%;

height: 100px;

animation: changeColour 190s linear 2s infinite alternate;

}

@keyframes changeColour {

0%,

15% {

background-color: #080;

}

16%,

30% {

background-color: #F98A01;

}

31%,

45% {

background-color: #C61F83;

}

46%,

60% {

background-color: #DE9914;

}

61%,

75% {

background-color: #1EB6DC;

}

76%,

90% {

background-color: #0060A1;

}

91%,

100% {

background-color: #080;

}

}