CSS 陰影 (Elevation) | Quasar 框架 - Quasar 框架

CSS 陰影 (立體感)

簡單而有效的方式新增陰影以建立深度/立體感效果。陰影符合 Material Design 規範 (24 個深度層級)。

用法

CSS 類別名稱	描述
`no-shadow`	移除任何陰影
`inset-shadow`	在頂部設定內陰影
`inset-shadow-down`	在底部設定內陰影
`shadow-1`	設定深度為 1
`shadow-2`	設定深度為 2
`shadow-N`	其中 `N` 是從 1 到 24 的整數。
`shadow-transition`	將預設 CSS 過渡效果套用至陰影

上述陰影指向元素的底部。如果您希望它們指向元素的頂部，請在數字前新增 up。

CSS 類別名稱	描述
`shadow-up-1`	設定深度為 1
`shadow-up-2`	設定深度為 2
`shadow-up-N`	其中 `N` 是從 1 到 24 的整數。

抓到錯誤？在瀏覽器中編輯此頁面

1. 簡介

2. 用法