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>
右上

The message port closed before a response was received.

左上

The message port closed before a response was received.

右下

The message port closed before a response was received.

左下

The message port closed before a response was received.

Hello World

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem consequatur eligendi illum libero nostrum? Ab, ad consequatur cumque dolores enim esse fuga non. Adipisci cupiditate doloribus pariatur quidem repudiandae ullam.