渐变模糊效果

Posted

技术标签:

【中文标题】渐变模糊效果【英文标题】:Graduated Blur Effect 【发布时间】:2014-03-05 00:09:02 【问题描述】:

我正在尝试复制这种效果:

http://www.pinterest.com/pin/483503709967044672/

图像在顶部根本没有模糊,但随着您越往下越逐渐模糊。理想情况下,这将是一个与 ios 工具栏工作方式相同的实时效果。

我知道我可以调整视图的 alpha,但我正在寻找可以在视图向下移动时对其进行调整的东西,而不仅仅是在视图上保持静态。

【问题讨论】:

【参考方案1】:

嗯,它看起来好像屏幕截图中的应用程序正在使用多个垂直排列的UIView,并在不同的层次上模糊它们。这真的 性能重。如果您需要有关如何模糊 UIView 的帮助(尤其是在 iOS 7 中),请参阅我的 SO Question 和提供的答案 (How to apply blur to a UIView?)。

【讨论】:

以上是关于渐变模糊效果的主要内容,如果未能解决你的问题,请参考以下文章

Android——实现光点模糊渐变的自旋转圆环特效

一种高斯模糊渐变动画的实现-b

使用 CSS 径向渐变添加模糊

求问下图中PS发光边框线渐变怎么做

Amazing!!CSS 也能实现烟雾效果?

记录:CSS3 模糊效果