你的位置:首页 > 软件开发 > 网页设计 > css毛玻璃效果

css毛玻璃效果

发布时间:2015-12-20 13:00:15
毛玻璃其实就是磨砂玻璃,能够模糊的看清背后的风景,让人感觉有种朦胧美,让界面看上去有些层次感。比如:高大上啊,接下来肯定是眼馋手痒的过程。。。当然,用ps搞一个全景毛玻璃背景毫无疑问是最省事的,那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了,少不了filt ...

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

比如:

css毛玻璃效果

css毛玻璃效果

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

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

当然no no no了。

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

最终效果(chrome):

天气预报

css毛玻璃效果

嗯,也算是将就了。。。

<!DOCTYPE html><html><head>  <meta charset="utf-8">  </style></head><body>  <div class='container'>    <div class='frosted-glass'></div>    <img class='weather' src='/images/loading.gif' data-original='cloudy.png'>  </div></body></html>

原标题:css毛玻璃效果

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。