可変高さ要素のパーフェクトな円形コーナーを維持

Question

私は完全に丸いコーナーのボタンを持っています。意味は、ボタンはは50px高く、国境半径は、ボタンのいずれかの側に、完全な半円形を作り、25ピクセルです：あなたはすでにの高さを知って、簡単で

CSSでこれを達成しますボタン（ボタン高さ÷2 =ボーダー半径）。

しかし、ボタンの高さを動的に増加すると完全に円形のエッジを維持することが可能である（より多くのテキストは、例えば、追加された）？：

Answer 1

と同じように、高いものにborder-radiusを設定360px。

div { 
    height:50px; 
    width:500px; 
    background:red; 
    border-radius:360px; 
} 

this jsFiddle exampleをご覧ください。