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

相關(guān)資源

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

添加陰影

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

點(diǎn)擊此處，并拖動(dòng)頁(yè)面中的滑塊可以觀察陰影的變化

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

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

在線運(yùn)行