css - 角を丸く保ちながら、正方形の幅を長くします

Question

たとえば、背景画像があります

私がやりたいのは、長さを長くしますが、角を丸くしたままにします。これを行うcssトリックがあることは知っていますが（iPhone Webアプリに使用されています）、見つかりません。

誰かが方法を知っているかどうか疑問に思います。

Answer 1

......................ライブデモ

こんにちは今それは非常に簡単です

HTML

<div></div>

このcssに慣れています

div{
width:100px;
  height:100px;
  background:red;
  border-radius:20px;
  border:solid 10px blue;
  box-shadow:20px 20px 0 0 rgba(0,0,0,0.4) inset;
-webkit-box-shadow:20px 20px 0 0 rgba(0,0,0,0.4) inset;
  -moz-box-shadow:20px 20px 0 0 rgba(0,0,0,0.4) inset;
}

ライブデモ

---

あなたがこれをしたいのと同じ

デモ