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毫秒，但您可能需要稍微调整一下。

我很想看到更多变种，随便在我的小提琴上编辑我的帖子：）

JavaScript中的模糊移动效果？

1 个答案: