ios - 这个 iTunes 专辑封面模糊效果是如何实现的？

<分区>

引用图片:

从点击其他专辑来看，似乎专辑封面可能被放大了，然后在顶部应用了模糊蒙版？有谁知道这种效果是怎么实现的？这是一个非常漂亮的模糊和透明组合。

最佳答案

这是一个带有示例的 jsfiddle:

(上为虚化效果，下为原图)

有用的部分是:

  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);

要创建模糊效果，可以从 20px 更改以满足您的需要:)

关于ios - 这个 iTunes 专辑封面模糊效果是如何实现的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38710151/

相关文章：

javascript - onBlur 没有在 <img/> 标签上被调用？