首页 > html > background > Animation - 如何将动画背景颜色设置为不同的颜色

Animation - 如何将动画背景颜色设置为不同的颜色

background 【background】
我们想知道如何将动画背景颜色设置为不同的颜色。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.test {
  overflow: hidden;
  text-align: center;
  font-size: 40px;
  line-height: 3;
  -webkit-animation: glow linear 1s infinite;
  animation: glow linear 1s infinite;
}

@-webkit-keyframes glow { 
   0% {background-color: red;}
   50%{background-color:orange;}
   100%{background-color:red;}
}
@keyframes glow { 
   0% {background-color: red;}
   50%{background-color:orange;}
   100%{background-color:red;}
}
</style>
</head>
<body>
  <div class="test">some text</div>
</body>
</html>