2013-12-12 1 views
-2

이렇게 사용자 정의 모양 버튼을 어떻게 만듭니 까?
예 : http://www.dennispkramer.com/index.html
'블로그'및 '정보'라는 버튼을 의미합니다.Css 사용자 정의 모양 버튼

+6

이 웹 사이트를 열

그러나

enter image description here

는, 그들은 다음과 같습니다 #nav-mask를 추가했습니다 크롬에서 버튼을 마우스 오른쪽 버튼으로 클릭하고 '요소 검사'를 클릭하십시오. 약간의 아이디어가 있어야합니다 – Hariprasad

+1

리버스 엔지니어링 – korogui

+0

코드를 요청하는 질문은 ** 해결 된 문제에 대해 최소한의 이해를 보여 주어야합니다 **. 시도한 해결책, 왜 실패했는지, 예상 * 결과를 포함하십시오. 참고 항목 : [Stack Overflow question checklist] (http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist) –

답변

4

실제 버튼은 일반적인 것처럼 블록입니다. 버튼이처럼

enter image description here

이 환상을주기 :

enter image description here

0

이들은 맞춤형이 아닙니다. 메뉴 항목 앞에 로고 뒤에 마스크가 있습니다. 삼각형과 같은 사용자 정의 모양을 작성하는 몇 가지 CSS 트릭이 있지만 실제 사용자 정의 모양의 경우 SVG를 사용하는 것이 좋습니다.