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

Question

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

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

Answer 1

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

这将允许您模拟您发布的图片，但无法添加任何内容形状的动画。尽管您可以将背景平移到左侧或右侧（模拟向左或向右行走时透过窗户看的效果）。

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