Всем доброго вечера, есть анимация:
@keyframes headerLane {
0% {
background-image: url(../images/header_1.jpg);
}
50% {
background-image: url(../images/header_2.jpg);
}
100% {
background-image: url(../images/header_3.jpg);
}
}
Вот я применяю её к блоку:
animation: headerLane 7s linear infinite alternate;
background-position: 0px 70% !important;
background-size: cover;
Вопрос заключается в следующем: почему изображения меняются плавно, как будто к ним добавлено свойство transition? Разве оно не должно просто в течении 7 секунд переключится 3 раза?
Если в этом и заключается суть анимации, не только в повторении движения а ещё и исполнения этого плавно то у меня возникает вопрос, как сделать резкую смену картинок без всяческих эффектов?