near_me
시작하기
keyboard_arrow_downwidgets
컴포넌트
keyboard_arrow_downlocal_mall
리소스
keyboard_arrow_down머티리얼 디자인 3 및 웹 컴포넌트 기반의 새로운 mdui 2가 출시되었습니다. mdui 2 개발 문서 보기.
그림자
mdui는 Material Design의 모든 시나리오 요구 사항을 충족할 수 있는 24가지 다양한 깊이의 그림자를 제공합니다.
그림자 추가
요소에 .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>