我一直试图在Ionic Angular 2中实现一个简单的应用程序,通过整个应用程序,背景颜色可以缓慢变化,在不同颜色之间循环 .

我在CSS关键帧动画方面取得了一些成功:

animation: colorChange
@keyframes colorChange {
  0%   { background-color: #001514 ; }
  25%   { background-color: #a3320b ; }
  50%   { background-color: #6b0504 ; }
  75%   { background-color: #bad431 ; }
}

但我的问题是,当一个不同的表单被推到NavCtrl上时,该表单上的背景颜色当然会回到起始颜色 .

我在想,也许会有一种在Angular中以编程方式更改此方法的方法 .

是否有可能通过Angular在运行时设置sass变量?

也许我的CSS可以将颜色确定为时间值,这可能会产生类似(壮观)的效果 .

任何想法,将不胜感激 .