% で大きさを計算する

• 四角形の場合
• 四つの角の名前を a, b, c, d とする.
• a の座標を x と y で表すと x:0 y:0 となる.
• b の座標を x と y で表すと x:100 y:0 となる.
• c の座標を x と y で表すと x:100 y:100 となる.
• d の座標を x と y で表すと x:0 y:100 となる.
• 4つのポイントを線で繋ぐと正方形になる
• 4つのポイント x, y を px ではなく % で指定する.
• 4箇所の座標指定は CSS で clip-path:polygon(a1 a2, b1 b2,c1 c2,d1 d2) となる.

CSS で五角形を描く

• 五つの角の名前を a, b, c, d, e とする.
• x と y を使って5つのポイントを確認する.
• 5つのポイント x, y を px ではなく, % で指定する.