Задержка между процентами в ключевых кадрах CSS ⇐ CSS

[Anonymous]

Мне нужно изменить различные изображения в одном div, но я хочу, чтобы между изображением и изображением была задержка в 1 с. Мне нужно установить задержку между процентами в ключевых кадрах

вот мой код

Код: Выделить всё

.imgWrapper{
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
transition: 500ms;
animation: imgChanger 3s linear infinite;
width: 500px;
height: 300px;
}
@keyframes imgChanger {
0%{
background-image: url(Images/superblog/superblog1.png);
}
50%{
background-image: url(Images/superblog/superblog2.png);
}
100%{
background-image: url(Images/superblog/superblog3.png);
}
}

как мне этого добиться? спасибо!!!!

Подробнее здесь: https://stackoverflow.com/questions/792 ... frames-css