Как сделать смену картинок по таймеру с помощью CSS?

@keyframes trafficLight {
    0% {
        color: green;
        /* background: url(../img/pic1.png); */
    }

    50% {
        color: yellow;
        /* background: url(../img/pic2.png); */
    }

    100% {
        color: red;
       /* background: url(../img/pic3.png); */
    }
}