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

标签 css svg svg-filters css-filters

<分区>


我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。

关闭 7 年前

我有一张图像作为我网站的预加载器图像,我想对其应用圆周运动模糊,但是 - 似乎没有开箱即用的图像,或者有吗?

我可以使用 SVG 的滤镜基元之一(如 feConvolveMatrix 或 feColorMatrix)来实现吗?

最佳答案

您可以通过精心设计的滤镜基元组合实现合理的圆周运动模糊复制品。您需要使用 feDisplacementMap 来完成旋转部分。

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

关于css - 在 css 或 svg 中创建圆形运动模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35524212/

上一篇:html - 为什么 font-size 会移动我的父 div?

下一篇:javascript - 如何在应用程序上保存数据

相关文章:

css - 基于不同的混合生成多个输出

c# - 使用 bootstrap 3 在 mvc 表单中的同一行中显示查找文本框和 2 个下拉列表

html - 显示带有 iframe 全宽页面的 YouTube 视频

javascript - Chrome 和 Firefox 中的 SVG 文本对齐不一致

objective-c - 如何识别 Swift 中 SVG 对象内部的触摸?

html - 在 iOS 设备手指输入标签上滚动

javascript - 具有多个元素的 SVG 悬停状态

javascript - 有没有办法使用 SVG 渐变作为置换贴图的输入?

CSS 仅在一个方向上模糊(运动模糊)

css - 在 feColorMatrix 滤镜中匹配颜色