u-shadow
要素に影をつける。
<p><a href="#" class="m-btn m-btn-first m-btn-block u-shadow">u-shadow</a></p>
u-shadow-none
影効果を解除する。
影効果の解除の例
c-card には全体に影が加わりますが、 u-shadow-none クラスを併用しているため、影効果が解除されています。
u-shadow-(size)
影をつけた要素と背景の、擬似的な距離を変更する。
<p><a href="#" class="m-btn m-btn-first m-btn-block u-shadow u-shadow-sm">u-shadow-sm</a></p> <p><a href="#" class="m-btn m-btn-first m-btn-block u-shadow u-shadow-lg">u-shadow-lg</a></p>