Я хочу, чтобы вырезать форму треугольника, если кнопка будет парить, как на этой картинке:onHover Кнопка вырезать треугольник и показать фон
Я использую для моего сайта загрузчике вот пример для моего навигатора: http://www.bootply.com/oJeavrQoH6
Надеюсь, вы все понимаете, что я хочу делать.
Я знаю, что это не тот ответ, который вы хотели, поскольку он не совсем чист, но я думаю, вам придется вырезать стрелку в изображении, который вы разместили, и установить его как фоновое изображение в: после псевдоэлемента в этом код:
http://www.bootply.com/hGoUdtM0vk
nav ul li a:hover:after {
content:"";
display: block;
position: absolute;
top: 0;
left: 50%;
-wekit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(http://wallpoper.com/images/00/31/33/51/black-background_00313351.jpg);
background-attachment: fixed;
height: 15px;
width: 40px;
}
использование нескольких линейных градиентов (IE10 +).
Например, http://www.bootply.com/zwpEtQD5dY
Здравствуйте, Andi, добро пожаловать в Stackoverflow! Пожалуйста, посмотрите [эту страницу] (http://stackoverflow.com/help/how-to-ask), чтобы узнать, как вы могли бы улучшить свой вопрос, например, показывая нам, что вы уже пробовали, и добавление некоторых фрагментов кода. – Jordumus
Я не могу показать, что я пробовал, потому что я понятия не имею, как я могу справиться с этим, – Andi