rouke
@rouke

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

Задание звучит примерно так:

Есть три картинки светофора по разному с закрашенными фонарями, нужно чтобы они через каждые 3 секунды менялись. Использовать необходимо только HTML и CSS. Кыак ента сделоть?
  • Вопрос задан
  • 480 просмотров
Решения вопроса 1
romanko_vn
@romanko_vn
через CSS animation

@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); */
    }
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Как то так получилось :)
https://codepen.io/maximkisseloff/pen/ZPjVQo
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы