仅调整一个边缘的大小

Question

你怎么能只调整块元素的一个边缘？我想过使用一个旋转（变换原点在另一个边缘然后围绕中心旋转），但当它被放置在视口上的另一个点时（由于透视），它看起来会有所不同。我看到了transform：matrix（）属性，但似乎只允许缩放元素的局部向量。

有什么想法吗？

Answer 1

在你的情况下不知道edge = border。试试这个，如果是：

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