陰影

MDUI 提供了 24 種不同深度的陰影，可以滿足 Material Design 中任意場景的需求。

相關(guān)資源

Material Design 陰影 & 層次設(shè)計規(guī)范

添加陰影

只需在元素上添加類 .mdui-shadow-[1-24]，元素就會擁有對應(yīng)深度的陰影。添加類 .mdui-shadow-0 則可以移除陰影。

點擊此處，并拖動頁面中的滑塊可以觀察陰影的變化

鼠標(biāo)懸浮時加深陰影

在任何元素上添加類 .mdui-hoverable，就能在鼠標(biāo)懸浮時使陰影加深。

在線運(yùn)行