如何使用CSS打造毛玻璃效果

来源:博客园时间:2017-02-17

  毛玻璃其实就是磨砂玻璃,能够模糊的看清背后的风景,让人感觉有种朦胧美,让界面看上去有些层次感。

  比如:

如何使用CSS打造毛玻璃效果
如何使用CSS打造毛玻璃效果

  高大上啊,接下来肯定是眼馋手痒的过程。

  当然,用ps搞一个全景毛玻璃背景毫无疑问是最省事的,那接下来就没啥事可干了。

  当然no no no了。

  毛玻璃无疑就是种模糊了,少不了filter blur。

  最终效果(chrome):天气预报

如何使用CSS打造毛玻璃效果

  嗯,也算是将就了。

发表评论

最新评论(共0条)

1