@@ -2,12 +2,12 @@ Angular Material's elevation classes and mixins allow you to add separation betw
22[ Material Design spec] ( https://material.io/design/environment/elevation.html )
33explains how to best use elevation.
44
5- Angular Material 的高程 (elevation)类和混入器(mixin)让你可以沿着 Z 轴区分开各个元素。所有的 Material Design 元素都有一个静止状态的高程 。此外,有些元素可能会改变它们的高程 ,以响应用户操作。
6- [ Material Design 规范] ( https://material.io/design/environment/elevation.html ) 解释了关于高程的最佳实践 。
5+ Angular Material 的纵深 (elevation)类和混入器(mixin)让你可以沿着 Z 轴区分开各个元素。所有的 Material Design 元素都有一个静止状态的纵深 。此外,有些元素可能会改变它们的纵深 ,以响应用户操作。
6+ [ Material Design 规范] ( https://material.io/design/environment/elevation.html ) 解释了关于纵深的最佳实践 。
77
88Angular Material provides two ways to control the elevation of elements: predefined CSS classes and mixins.
99
10- Angular Material 提供了两种方式来控制元素的高程 :预定义的 CSS 类和混入器。
10+ Angular Material 提供了两种方式来控制元素的纵深 :预定义的 CSS 类和混入器。
1111
1212### Predefined CSS classes
1313
@@ -16,7 +16,7 @@ Angular Material 提供了两种方式来控制元素的高程:预定义的 CS
1616The easiest way to add elevation to an element is to simply add one of the predefined CSS classes
1717` mat-elevation-z# ` where ` # ` is the elevation number you want, 0-24. Dynamic elevation can be achieved by switching elevation classes:
1818
19- 为元素添加高程的最简单方式是为其添加预定义的 CSS 类 ` mat-elevation-z# ` ,这里的 ` # ` 是你要用的高程数字 ,介于 0~ 24 之间。 可以通过切换高程类来实现动态高程 :
19+ 为元素添加纵深的最简单方式是为其添加预定义的 CSS 类 ` mat-elevation-z# ` ,这里的 ` # ` 是你要用的纵深数字 ,介于 0~ 24 之间。 可以通过切换纵深类来实现动态纵深 :
2020
2121``` html
2222
@@ -31,12 +31,12 @@ The easiest way to add elevation to an element is to simply add one of the prede
3131
3232Elevations can also be added in CSS via the ` mat-elevation ` mixin, which takes a number 0-24 indicating the elevation of the element as well as optional arguments for the elevation shadow's color tone and opacity.
3333
34- 还可以在 CSS 中使用 ` mat-elevation ` 混入器来添加高程 ,它接受一个介于 0~ 24 之间的高程数,还有一个可选的参数用于表示高程投影的色调和透明度 。
34+ 还可以在 CSS 中使用 ` mat-elevation ` 混入器来添加纵深 ,它接受一个介于 0~ 24 之间的纵深数,还有一个可选的参数用于表示纵深投影的色调和透明度 。
3535
3636Since an elevation shadow consists of multiple shadow components of varying opacities, the
3737` $opacity ` argument of the mixin is considered a factor by which to scale these initial values rather than an absolute value.
3838
39- 高程投影由多个具有不同透明度的投影组件构成 ,这个混入器的 ` $opacity ` 参数会作为一个缩放初始值的因子,而不是作为绝对值。
39+ 纵深投影由多个具有不同透明度的投影组件构成 ,这个混入器的 ` $opacity ` 参数会作为一个缩放初始值的因子,而不是作为绝对值。
4040
4141In order to use the mixin, you must import ` ~@angular/material/theming ` :
4242
@@ -58,7 +58,7 @@ In order to use the mixin, you must import `~@angular/material/theming`:
5858
5959For convenience, you can use the ` mat-elevation-transition ` mixin to add a transition when the elevation changes:
6060
61- 当高程变化时 ,你可以用 ` mat-elevation-transition ` 混入器来简便的添加转场动画:
61+ 当纵深变化时 ,你可以用 ` mat-elevation-transition ` 混入器来简便的添加转场动画:
6262
6363``` scss
6464@import ' ~@angular/material/theming' ;
0 commit comments