【问题标题】:Hybrid menu background effect混合菜单背景效果
【发布时间】:2016-05-05 11:25:28
【问题描述】:

我正在尝试在 Ionic 中创建这个菜单背景效果,但我不知道用什么来重新创建它。

Link

起初我使用不透明度,但这并没有给我正确的效果。我也添加了模糊,但没有运气。

.menu-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgb(43,49,81);
  -webkit-filter: blur(5px);
  opacity: .8;
}

编辑:不是在谈论动画。

【问题讨论】:

标签: css ionic-framework


【解决方案1】:

通过上述解决方案,我在菜单悬停的整个内容中添加了一个模糊过滤器。

简而言之:

<div id="menu"></div>
<div id="content">
  <!-- content goes here -->
</div>

CSS

#menu{
 opacity:0.9;
}
#content{
   filter: blur(4px); -webkit-filter: blur(4px);
}

【讨论】:

    猜你喜欢
    • 2013-04-28
    • 2014-08-14
    • 1970-01-01
    • 1970-01-01
    • 2017-04-29
    • 1970-01-01
    • 2011-10-03
    • 2011-07-23
    • 2021-06-06
    相关资源
    最近更新 更多