僅調整一個邊緣

Question

如何才能調整塊元素的一個邊緣？我想過使用旋轉（另一邊的變換原點然後圍繞中心旋轉），但當它放置在視口上的另一個點（因爲透視圖）時，它會看起來不同。我看到了transform：matrix（）屬性，但它似乎只允許縮放元素的局部向量。

任何想法？

Answer 1

不知道在你的情況下是否邊界=邊界。試試這個，如果是：

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