한쪽 가장자리 만 크기 조정

어떻게 블록 요소의 한 가장자리 만 크기를 조정할 수 있습니까? 회전 (다른 가장자리의 변형 원점이 중심을 중심으로 회전)을 사용하려고 생각했지만 뷰포트의 다른 점 (원근감 때문에)에 배치 될 때 모양이 다르게 보일 것입니다. 나는 transform : matrix() 프로퍼티를 보았지만, 이것은 엘리먼트의 로컬 벡터의 크기를 조절할 수있는 것으로 보인다.한쪽 가장자리 만 크기 조정

아이디어가 있으십니까?

출처

2013-08-03 michaeln

귀하의 경우 가장자리 = 경계인지 모릅니다.

div { 
 
    width:200px; 
 
    height:150px; 
 
} 
 

 
.border { 
 
    border:#CCCCCC 1px solid; 
 
    border-radius: 5px; 
 
} 
 

 
.transition { 
 
    transition: all 1s ease; 
 
} 
 

 
.border:hover { 
 
    border-bottom-left-radius:20px 20px; 
 
}

<div class="border transition"></div>

JSFIDDLE

출처

2013-08-03 09:15:39 Morpheus

음, 감사합니다,하지만 난 가장자리를 의미 : 경우,이보십시오. 요소의 한쪽 가장자리의 크기를 조정하려는 경우 회전을 사용하는 것과 같이 크기를 조정해야합니다. – michaeln

내가 원하는대로 작동하도록 놀았지만 운이 없었습니다. 어쩌면 누군가가 원하는 것을 할 수 있다면 대답을 게시 할 것입니다. – Morpheus

감사합니다. 때때로 당신의 솔루션이 유용 할 수도 있습니다 :) – michaeln

한쪽 가장자리 만 크기 조정

답변

관련 문제