デモページです。 もっとこうした方が良いなどありましたら教えてください。

コンテンツ ①

簡単に境界線を楽しく出来ます。
レスポンシブデザインにも対応、画像ではないので解像度もありません。
構造を分かりやすくするためシンプルなサンプルになっています。

コンテンツ ②

斜めな境界線。

コンテンツ ③

ギザギザな境界線。ポイントを増やせば複雑な形状にも出来ます。

コンテンツ ④

大きい円を設定して、なだらかな曲線も描けます。
もちろん設定した背景の画像にもマスクがかかります。

コンテンツ ⑤

@keyframes プロパティを使用してcssのみで、アニメーションもつけられます。

おしまいです。

いろんな事ができそうで、ほっこり