您的位置: 首页 > 软件教程 > DIV+CSS教程专题 > 如何使用CSS打造毛玻璃效果

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

6.0分
出处:博客园 时间:2017-02-17

您可能感兴趣的话题: CSS  

核心提示:毛玻璃其实就是磨砂玻璃,那么我们如何用css实现这种效果呢?

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

  比如:

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

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

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

  当然no no no了。

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

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

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

  嗯,也算是将就了。

网友评论
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
1