興味本位で、jQueryUIを作ろうとしています。
styleでもjQueryを使った描画でも構いませんが、例えば、

height 400px width 400pxの要素があり、内接円(半径200px)に囲まれた部分以外をhide()する。
また、内接円を縦に2等分し、その頂点P1, P2および、円の中心oから真横に1/2r進んだ点を通る曲線Aから、等分された円の円周にかけて、
whiteからgrayに向けて徐々に濃くなるシャドウをかけることはできるのでしょうか？

実際にはカレンダーを右下から傾き[y=-x]の方向にめくる動作をリアルにUIとして実装しようとしており、めくられた部分は背後に隠れた要素が表示されたようにするため、画像は使わないという前提です。

上手く表現できず申し訳ございませんが、このように、2次関数などの内側外側のみ要素を見え隠しする、また、グラデーションでシャドウをあてることは可能なのでしょうか。