<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clip Path with Bezier Curve</title>
<style>
.clipped {
width: 200px;
height: 200px;
background-color: blue;
clip-path: url(#clipPath);
}
</style>
</head>
<body>
<svg width="0" height="0">
<defs>
<clipPath id="clipPath">
<path d="M 0 200
C 100 180, 130 0, 200 0
L 200 200
Z" />
</clipPath>
</defs>
</svg>
<div class="clipped"></div>
</body>
</html>
