Material Design Elevation 正确的 CSS

Question

我似乎找不到任何官方的 CSS 代码，用于 Material Design 的卡片提升的所有盒子阴影。

计算所有 Material Design 高程的阴影值

我已经阅读了这些答案，但是当我进行快速检查时，它们与 Google 在 http://www.google.com 上的搜索框中使用的框阴影不一致。

Google 在搜索框上使用的 box-shadow 是这个 CSS：

 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);

是否有适用于所有海拔的官方 CSS？

原文由 Tn Hn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在这里你可以找到官方的海拔指南： https ://material.io/develop/web/components/elevation/

有一个样式库，您可以像这样安装它： npm install @material/elevation

原文由 Akmal Anvarov 发布，翻译遵循 CC BY-SA 4.0 许可协议