near_me
はじめる
keyboard_arrow_downwidgets
コンポーネント
keyboard_arrow_downlocal_mall
リソース
keyboard_arrow_downMaterial Design 3 と Web Components をベースにした新しい mdui 2 がリリースされました。mdui 2 ドキュメントはこちら。
影
mdui は 24 種類の異なる深さのシャドウを提供し、Material Design のあらゆるシーンのニーズを満たすことができます。
シャドウを追加
要素にクラス .mdui-shadow-[1-24] を追加するだけで、その深さに応じたシャドウが適用されます。クラス .mdui-shadow-0 を追加すると、シャドウを削除できます。
下のスライダーをドラッグして、異なる深さのシャドウの変化を確認してください。
例
<div class="mdui-card mdui-hoverable">
<div class="mdui-card-media">
<img src="card.jpg"/>
</div>
<div class="mdui-card-actions">
<button class="mdui-btn mdui-ripple">action 1</button>
<button class="mdui-btn mdui-ripple">action 2</button>
</div>
</div>