Этот вопрос закрыт для ответов, так как повторяет вопрос Как свертстать такой дизайн в меню?
@barabash2090

Как задать данный эффект в меню?

Как задать такой эффект при наведении на li в меню?
5cf7f278b8408443117566.png
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
добавь в конец
.menu_item:hover:after, .menu_item:hover:before{
  display:block;
}
.menu_item{
  position: relative;
}

.menu_item:after{
    position: absolute;
    content: " ";
 display: none;
    width: 1px;
    height: 1px;
 
    left: -10px;
       border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 23px solid #3a5362;
 
    transform: rotate(-86deg) scale(.5);
    bottom: -10px;
}
.menu_item:before{
     position: absolute;
    content: " ";
    display: none;
    width: 1px;
    height: 1px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 23px solid #3a5362;
    right: -10px;
    transform: rotate(86deg) scale(.5);
    bottom: -10px;
}
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы