JavaScript中的运动效果模糊吗？

Question

客户只需要没有Flash的FETBlurryLight之类的效果。

有谁知道用JavaScript实现的东西吗？

如果没有这种效果，那么有没有一个好的图书馆可以用来创建一个呢？ 还是要计算画布上的像素？

Answer 1

您可以手动执行此操作。 如果您想将其用作文本，请将所有单词/字符分成多个范围，并给它们一个大的阴影，与文本颜色相同并为其动画。

对于图像，您可以使用css3的模糊效果，但这不受广泛支持。

---

文字示例：

.OneWord{
    color: rgba(255,255,255, 1); /* white, 100% opacity */
    text-shadow: 0 0 0 0 rgba(255,255,255, 1); /* same for order */
    transition: color 1s, text-shadow 1s; /* create the animation */
    -webkit-transition: color 1s, text-shadow 1s; /* create the animation */
}

.PreFocus{
    color: rgba(255,255,255, 0); /* start white, 0% opacity */
    text-shadow: 0 0 0 0 rgba(255,255,255, 0); /* same for shadow */
}

现在，只需遍历所有项并逐个删除类，例如它们之间的延迟为100毫秒，但您可能需要将其间隔一周。

• 制作了这个简单的演示 ，看上去比预期的性感
• 更性感，更大的字体+更模糊
• 扭转的第一步

我希望看到更多这样的变体，随时用小提琴上的叉子编辑我的帖子:)