Гамбургер готов! Теперь давайте поработаем над его открытым состоянием, в котором он будет превращаться в стрелку.

В открытом состоянии мы будем поворачивать иконку, при этом верхнюю и нижнюю полоску немного укоротим, чтобы на следующем шаге превратить их в «указатель» стрелки.

Для перевода в открытое состояние будем добавлять к иконке класс menu-icon-open. Конечно, переключение класса будет сделано с помощью JavaScript по нажатию. Но чтобы процесс создания стрелки был более наглядным, мы добавили в HTML-код вторую иконку уже в открытом состоянии.