ШАГ 1
Добавляем HTML:
Элемент container используется для отображения символа указателя, когда мы перемещаем указатель мыши на Div. При нажатии на него будет выполнена функция JavaScript, которая добавит в него новое имя класса, которое изменит стили каждой горизонтальной полосы.
ШАГ 2
Добавляем CSS, где у нас поворачивается первая полоса, исчезает вторая и поворачивается последняя:
ШАГ 3
Добавляем JavaScript:
На этом всё! Спасибо, что дочитали до конца, ставьте лайк и подписывайтесь на наш канал. Так же не стесняйтесь оставлять комментарии с рекомендациями, и вы можете сами предлагать на какую тему написать следующую статью.
Если вам понравилось, то не забудьте поделиться с друзьями.
