html - CSS - 带有波纹边框的框架

Question

我想为网站中的图像和文本制作摇摆不定的框架(如果它们可以移动，那将是最佳选择)，但我不确定该怎么做。我一直在研究 paperjs.org，但不确定是否可以使用它来包装具有不规则形式的 HTML 文本。

你们知道我可以用来实现这种效果的库或技术吗？或者在网络的当前状态下这可能是不可能的？

Answer 1

一个简单但不太理想的解决方案是发布 z-index 为 1 的 html 内容，然后将背景的 PNG 放置在 z-index 为 2 的内容之上。

这将允许您模拟已发布的图片，但无法添加内容形状的任何动画。虽然您可以让背景向左或向右平移(模拟您向左或向右走动时透过 window 看的效果)。

如果您想创建相同的效果但可以为您可能想要使用的形状设置动画效果 HTML5 Canvas ，但具体如何做到这一点超出了我的范围。