Top.Mail.Ru
Ответы
Аватар пользователя
Изменено
Аватар пользователя
Аватар пользователя
Аватар пользователя
Программирование
+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

Так это все абстрактные описания