html - CSS - ボブリーボーダーのフレーム

Question

ウェブサイトの画像とテキストのぐらついたフレームを作成したいのですが（動くことができれば最適です）、どうすればよいかわかりません。paperjs.org を調べてきましたが、それを使用して HTML テキストを不規則な形式でラップできるかどうかはわかりません。

この効果を行うために使用できるライブラリまたはテクニックを知っていますか? それとも今のWebの状況では無理なのでしょうか？

Answer 1

シンプルだが最適とは言えない解決策は、z-index が 1 の html コンテンツを投稿し、z-index が 2 のコンテンツの上に背景の PNG を配置することです。

これにより、投稿した写真をシミュレートできますが、コンテンツ形状のアニメーションを追加することはできません. ただし、背景を左または右にパンすることもできます (左または右に歩いて、窓越しに見る効果をシミュレートします)。

同じ効果を作成したいが、形状をアニメーション化する可能性がある場合は、おそらくHTML5 Canvasを使用したいと思うでしょうが、それがどのように正確に行われるかは私にはわかりません。