Как сделать, чтобы при наведении всплывал треугольник?

Question

[Михаил Паутов]

Как сделать, чтобы при наведении всплывал треугольник ? Как на этом сайте, в меню при наведении на Products.

Answer 1

[Александр Евгеньевич]

Используй :before , :after
Используй :before , :after
Используй :before , :after

Comments

[Михаил Паутов]

да я догадался но блин как двигать то этот треуголник
.main-a a:nth-child(1):hover::after {
content: "";
padding-left: 10px;
border-bottom: 10px solid #ff3366;
border-left: 10px solid transparent;
border-right:10px solid transparent;

[Александр Евгеньевич]

provex: у родителя выставь position , у псевдо-селектора position:absolute и при помощи top, left, bottom, right и т.д. двигай как хочешь.

[Михаил Паутов]

как понять у родителя выставь Position и когда двигаешь же топ лефт они при сдвиге сайта тоже сдвигаются

[Михаил Паутов]

все простите не внимательность вы были правы просто я самого главного не знал ( ((((

[Александр Евгеньевич]

provex: псевдо-селектор двигай. Посмотри гугл, почитай по селекторы и все поймешь.

Answer 2

[Dmytro Bezvoshchuk]

Как вариант, сделать его для каждого пункта меню, но установить visibility:hidden, а при hover'e менять на visible.

Comments

[Умар Рахмаев]

а можно с вами как-то связаться?)