


Программирование
+3Как менять стили псевдоэлемента js
Хочу сделать бургер меню, сделал с помощью before и after. Как мне менять стили чтобы сделать крестик из них?
Все, уже решил как это сделать, проблема была в том что изначальный display: block; перкрывал мое свойство display: none. Пришлось добавить !important
По дате
По рейтингу
Типа такого. И это не JS, потому что в JS это бессмысленные действия.
123456789101112131415161718192021222324
.menu-close {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
}
.menu-close:after,
.menu-close:before {
content: '';
position: absolute;
width: 4px;
height: 80%;
border-radius: 2px;
background-color: #333;
}
.menu-close:after {
transform: rotate(45deg);
}
.menu-close:before {
transform: rotate(135deg);
}
Прикладывай код в следующий раз хотя бы скрином или вообще демо на codepen.io
Так это все абстрактные описания