在css或svg中创建圆形运动模糊

Question

我有一个图像作为我网站的预加载图像，我想对它应用圆形运动模糊，但是 - 似乎没有开箱即用，或者是否存在？

我可以使用SVG的滤镜基元之一（如feConvolveMatrix或feColorMatrix）来实现吗？

Answer 1

您可以使用经过精心设计的滤镜基元组合来实现合理的圆周运动模糊传真。您需要使用feDisplacementMap来执行旋转部分。

https://www.w3.org/Graphics/SVG/Test/20110816/harness/htmlObject/filters-displace-01-f.html