Пару недель назад дизайнер на работе занималась созданием макета для нового проекта сайта. Сайт посвящен учебному заведению и обладает вселенной из персонажей, каждый из которых выполняет какое-то анимированное действие. Персонажей я почему-то в этом проекте стал называть "чекистами", не знаю почему. Один из чекистов стоит возле светофора и логично здесь сделать анимацию переключения сигналов светофора. Задача несложная, и реализуется с помощью JS или анимацией CSS3. Я стараюсь сегодня реализовывать анимацию, если это требуется с помощью CSS3, а javascript остается спасательным кругом для старых браузеров.

В данном случае со светофором продемонстрирую только решение с помощью анимации CSS3.