내부 화살표가 포함 된 CSS3로 삼각형 만들기?

나는 화살과 같이하고 싶습니다 :내부 화살표가 포함 된 CSS3로 삼각형 만들기?

은 내부 흰색 화살표가 약간 검은 색에서 -1px과 검은 색 화살표 얼마나 단지 CSS3, 공지 사항과이 가능하다. 아이디어? 감사합니다

출처

2011-11-11 AnApprentice

필자는 이것이 적어도 가능하다고 확신하지는 않는다. 전통적인 방법은 국경 해킹과 함께하지만 그것은 평면 색상이 필요합니다. 삼각형의 채우기로 그라디언트를 사용하고있는 것 같습니다. –

단 하나의 div 및 CSS3 변환을 사용하여 수행 할 수 있습니다. 예를 들면 다음과 같습니다. http://jsfiddle.net/yVTr3/5/

필요한 크기와 정확한 색상에 맞게 쉽게 수정할 수 있습니다.

출처

2011-11-11 19:08:00

더 많은 브라우저가 포함되도록 업데이트되었습니다. - http://jsfiddle.net/yVTr3/7/ 훌륭한 직장인입니다. 훌륭합니다. – motoxer4533

+1이 추가 답변으로 선택되지 않은 이유를 알 수 없습니다. – defau1t

물론 CSS를 사용하면 가능합니다. 2.1 - http://css-tricks.com/snippets/css/css-triangle/ 그러나 검은 색 + 흰색 + 검정색의 3 개의 화살표를 하나씩 만들고 그에 맞게 배치해야합니다 (오른쪽에서 1px 가운데 하나, 오른쪽에서 2 픽셀 위쪽)

출처

2011-11-11 18:45:22

내부 화살표가 포함 된 CSS3로 삼각형 만들기?

답변

관련 문제