左上の横方向だけを変えた例

公式ツールで確認したCSSを、自作の同じ大きさの四角へ適用しました。動くジェネレーターの複製ではなく、出力の静止比較です。

変更前

border-radius: 10%;

変更後

border-radius: 38% 10% 10% 10% / 10% 10% 10% 10%;

スラッシュ前が横方向、後が縦方向。枠の縦横比を変えると、同じ割合でも形は変わります。

出典:Fancy Border Radius / Mirko様・Nils様、9elements。自作HTML・CSSはCC0。