代码之家  ›  专栏  ›  技术社区  ›  Abhijeet

减少角度材质卡的3D效果?

  •  0
  • Abhijeet  · 技术社区  · 7 年前

    我有 this layout 采用棱角材料设计。有没有可能 reduce the 3D effect 通过减少z指数。最终将其缩小到以下效果。

        <div style="border: 1px">
            ... box content
        </div>
    

    我尝试操纵容器类的z索引,但收到无效的属性值错误。

    .mat-drawer-container
    { 
        z-index: 1 
    }
    

    P、 很遗憾,美国无法删除材质卡(&A);在布局中断时将其替换为Div。因此,寻找黑客。

    1 回复  |  直到 7 年前
        1
  •  1
  •   bugs    7 年前

    只需添加 mat-elevation-z{X} 到您的卡类,在哪里 {X} 从1到24,表示与z=0相比,其升高程度;

    Official docs