経緯
cssで角丸を設定する機会がありましたが、今回は全ての4つの角ではなく、左は丸だが右は角の様な仕様にあり、その場合の設定方法を紹介します。
方法
-webkit-border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
-moz-border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
-moz-border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
水平方向の 左上、右上、右下、左下 / 垂直方向の 左上、右上、右下、左下
の順で指定する様です。
コメント