Вход на сайт
Анимированный банер
264 просмотров
Перейти к просмотру всей ветки
Sergo2008 коренной житель
в ответ Ivan_Pomidoroff 29.10.17 12:50, Последний раз изменено 30.10.17 08:58 (Sergo2008)
Я привёл первый попавшийся пример, там как я вижу, интервалы заданы не корректно, поэтому так и выходит.
Вот, попробуй так: https://jsfiddle.net/2owv56nu/
Я задал один цвет всем блокам, что бы было видно что всё чётко отрабатывает, так как на разноцвете переход кажется не одинаковый. Ну и время увеличил, что бы не так быстро было, что бы разглядеть можно было.
В общем можешь сам дальше поиграться с процентами для @keyframes fade, от них зависит как будет меняться, каждый отдельный слайд.
Можешь так же поискать, я где то в сети видал уже готовые слайдеры по этой схеме, с точными настройками, и расчётами, как и что правильно считать...