오버랩 버튼 만들기

나는 buton ...의 앞으로 플랩을 만들고 싶습니다 ... 어떤 아이디어?오버랩 버튼 만들기

.button { 
    position:absolute; 
    top:240px; 
    left: 452.5px; 
    width:110px; 
    height:40px; 
    display: block; 
    margin-bottom: 10px; 
    text-align: center; 
    line-height: 30px; 
    margin: 20px; 
    cursor: pointer; 
    color: #fff; 
    text-align: center; 
    border: solid #009c93 1px; 
    border-top-right-radius: 7px; 
    border-bottom-right-radius: 7px; 
    background: #009c93; 
    text-shadow: 2px 2px #222222); 
}

출처

2013-05-03 Connor

아마도 – Morpheus

일지 모르지만, 겹침 부분이 텍스트 상자 위로 마우스를 가져 가면 자리 표시자를 통해 가능하다는 것을 이해한다면''를 찾고 계십니까? – Connor

그들은이를 사용하고 있습니다 : BTW

.button::before { 
    content: ''; 
    position: absolute; 
    border-width: 8px 8px 8px 0; 
    border-style: solid solid solid none; 
    border-color: transparent #D83C3C transparent; 
    top: 12px; 
    left: -6px; 
}

. 자리 표시 자와는 아무 관계가 없습니다! 순수한 CSS입니다.

출처

2013-05-03 09:34:57

어떻게 내 사이트에 이것을 추가 할 수 있습니까? http://thiv.net/ – Connor

인류애를 위해서, 태그 라인 타이포그래피를 바꾸는 것을 고려하십시오. – Kayo

정확히 무엇을 의미합니까? – Connor

오버랩 버튼 만들기

답변

관련 문제