전적으로 css3/html을 사용하여 거꾸로 된 둥근 모서리로 탭을 만들려고합니다. 나는 바로 그것을 얻을 수없는 것. 나는 다양한 해결책을 시도했는데, 심지어 jquery 하나만 : http://jquery.malsup.com/corner/ 그리고 나는 탭이 이미지에서 보이는 방식을 보도록 내 탭을 얻을 수 없다. 이미지를 사용해야하는 이유가 무엇입니까?
잘 설명하는 법을 잘 모르겠습니다. 여기, 내가 만들고 싶은이 스크린 샷을 확인하십시오. 내 디자이너가 내게 이걸 주었다. 솔루션을 찾지 못하면 이미지와 코드를 사용하지 않을 것입니다. CSS3로 이것을 할 수 있습니까? Here is the image 그 상자 안에있는 삼각형을 참조하십시오? 나는 이것을하고 싶다. 고맙습니다!
CSS3로이 유형의 div 모양을 만들 수 있는지 알고 싶습니다. 난 당신이 국경의를 사용하여 같은 this 같은 일을 할 수 알고 있어요,하지만 (사업부의 그는 전체 상단과 하단에 걸쳐) 이미지에서와 같이 국경을 얻을 수 어쨌든 - 그리고 보너스 이 반응 적 (% 폭?) .cornered {
width: 160px;
height: 0px
하나의 상자에 두 개의 화살표, 하나는 포인터, 다른 하나는 바로 뒤에 넣으려고합니다. 오른쪽 화살표를 가져 오는 방법을 찾을 수 없습니다. 누군가 나를 도울 수 있습니까 ?? 여기에 내가 샘플로 링크를 게시 : http://jsfiddle.net/7Esu2/ CSS : .arrow {
width:210px;
height:40px;
this image과 유사한 각진 경로를 에뮬레이트하려고합니다. 내가하고있는 방식은 두 개의 사다리꼴 모양을 사용하고 있으며 this jsFiddle에서 보이는 것처럼 배경과 동일하게 다른 것을 겹치고 있습니다. 는하지만 내가 대신 다른 개체를 중첩 할 수 있다는 투명로 모양의 나머지을 원하는 깨달았다. 핵심은 CSS의 조금이다하는 의 내부 outlineM