0

Подскажите, пожалуйста, как правильно сделать менюшку? Проблема в нижней стрелочке, которая появляется при наведении:

alt text

1
  • Объясните, в чем проблема? Если просто не знаете, как реализовать, то вот: css-tricks.com/snippets/css/css-triangle Можно сделать с помощью псевдоэлемента :after.
    – acidernt
    28 ноя 2014 в 12:11

2 ответа 2

1

Вот так. А появление псевдоэлемента вешайте уже на :hover

Например, так:

.class:hover:before {
   display: block;
}
0
0
  1. Делаете для li :after, делаете иконку after таким же цветом как весь блок. Ставите для :after высоту, ширину и margin: 0 auto; Делайте li:hover:after{display: block;}

  2. Через border так же добавляем after для li или a и вместо высоты, ширины, background ставите:

{
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #ccc;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.