Создание треугольника с CSS3, который включает в себя внутреннюю стрелку? - PullRequest
0 голосов
/ 11 ноября 2011

Я хотел бы сделать стрелку так:

arrow

Возможно ли это только с помощью CSS3, обратите внимание, что это черная стрелка с внутренней белой стрелкой, слегка -1px от черной. Идеи? Спасибо

Ответы [ 2 ]

5 голосов
/ 11 ноября 2011

Это можно сделать с помощью единственного преобразования div и CSS3. Вот пример: http://jsfiddle.net/yVTr3/5/

Его можно легко изменить, чтобы он соответствовал размеру и точным цветам, которые вам нужны.

1 голос
/ 11 ноября 2011

Конечно, вы можете сделать это, даже с помощью css 2.1 - http://css -tricks.com / snipspets / css / css-triangle / Однако вам нужно будет создать 3 стрелки по одной над каждойдругой - черный + белый + черный - и расположите их соответственно (1 пиксель справа для среднего, 2 пикселя справа для самого верхнего)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...