Panorama | Мигающая панель

[мамин программист]

Как сделать, чтобы цвет панели бесконечно плавно переливался от одного к другому и обратно? Желательно только средствами css

 

[ZLOY]

#myPanel
{
    animation-name: test;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

@keyframes 'test'
{
    0%
    {
        background-color: #FF0000FF;
    }

    50%
    {
        background-color: #00FF00FF;
    }

    100%
    {
        background-color: #FF0000FF;
    }
}

 

[мамин программист]

Еще так можно зациклить
animation-direction: alternate;