CSS 阴影 (Elevation) | Quasar 框架 - Quasar 中文

为什么捐赠

API 资源管理器

如何贡献

选项 & 辅助函数

样式 & 标识

主题构建器

Sass/SCSS 变量

其他辅助类

布局和网格

Vue 指令

Quasar 插件

Vue 组合式函数

安全性

Quasar CLI（使用 Vite）

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

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. 用法