打开侧边栏后实现除侧边栏外背景颜色动态变化

在网上查阅后使用@keyframes定义颜色变化

在style样式中定义如下，使背景色2s由白色#fff变化为淡灰黑色#DDDDDD

@keyframes bgcolor{
    0%{
        background-color: #fff;
    }
    100%{
        background-color: #DDDDDD;
    }
}

其中bgcolor是自己取得名字，可以定义更多的百分号实现想要的动态颜色变化

给想要改变颜色的区域绑定样式，如我给class为isside的div绑定

.isside{
   animation: bgcolor 2s forwards;
}

如果写animation: bgcolor 2s infinite; 颜色变化会不断进行，写forwards，颜色变化到终点就停止