Others


Shadow

box-shadow

設置元素或組件產生陰影效果。使用類別名稱前綴詞為 .u-shadow:

.u-shadow

.u-shadow:sm

.u-shadow:lg

.u-shadow:none
<div class="u-shadow"></div>

Glow

box-shadow

設置元素或組件產生光暈效果,適合用於深色背景。使用類別名稱前綴詞為 .u-glow:

.u-glow

.u-glow:sm

.u-glow:lg

.u-glow:none
<div class="u-glow"></div>

Wrap Scroller

Complex

當內容寬度超過最大範圍時可自動生成捲軸的容器,經常與 Table 一起使用,在小螢幕裝置無法容納資料繁多的表格時,可水平捲動觀看內容。使用類別名稱為 .u-wrap-scroller

<div class="u-wrap-scroller"></div>

Radius

border-radius

可將元素或組件設定圓角

  • .u-rounded: 8px
  • .u-circle: 50%

<div class="u-rounded"></div> <div class="u-circle"></div>