Tocas Xiaoan基本卷軸Icon FontJsUI Kit範例集GitHub

Tocas Xiaoan
Tocas Xiaoan by gnehs & Henry Wu

下載


種類
基本品種語意
狀態
已停用讀取中
外觀
尺寸縮減的翻轉/旋轉圓形邊框
群組
多個洨安角落洨安
動畫
請參閱基本章節

基本 最基本的洨安，大小預設與同層字級相同。

2016 始春
原始碼
<i class="xiaoan icon"></i> 2016始春


品種 洨安可以和 ts xiaoan 一樣擁有相同的優良品種。

註：為了讓大家清楚的看到洨安，底下的 Icon 都套用了 huge 標籤

原始碼
<i class="huge xiaoan icon"></i>
<i class="huge instead xiaoan icon"></i>
<i class="huge demon xiaoan icon"></i>
<i class="huge demon instead xiaoan icon"></i>
<i class="huge face xiaoan icon"></i>
<i class="huge face instead xiaoan icon"></i>
<i class="huge funny face xiaoan icon"></i>
<i class="huge funny face instead xiaoan icon"></i>
<i class="huge horny xiaoan icon"></i>
<i class="huge horny instead xiaoan icon"></i>
<i class="huge kemonomimi xiaoan icon"></i>
<i class="huge kemonomimi instead xiaoan icon"></i>
<i class="huge tissue xiaoan icon"></i>
<i class="huge spinner xiaoan icon"></i>
<i class="huge heart xiaoan icon"></i>
<i class="huge heart instead xiaoan icon"></i>


語意 洨安可以有著不同的語意。

原始碼
<i class="icon big primary xiaoan"></i>
<i class="icon big info xiaoan"></i>
<i class="icon big warning xiaoan"></i>
<i class="icon big positive xiaoan"></i>
<i class="icon big negative xiaoan"></i>
<i class="icon big rainbow xiaoan"></i>
<i class="icon big instead primary xiaoan"></i>
<i class="icon big instead info xiaoan"></i>
<i class="icon big instead warning xiaoan"></i>
<i class="icon big instead positive xiaoan"></i>
<i class="icon big instead negative xiaoan"></i>
<i class="icon big instead rainbow xiaoan"></i>


已停用 洨安可以被停用。

原始碼
<i class="disabled icon big xiaoan"></i>


讀取中 洨安能夠一直轉圈圈。

原始碼
<i class="loading icon big xiaoan"></i>


尺寸 你可以讓洨洨安變大或變小，但建議不要超過 1nm。

原始碼
<i class="mini icon xiaoan"></i>
<i class="tiny icon xiaoan"></i>
<i class="small icon xiaoan"></i>
<i class="icon xiaoan"></i>
<i class="large icon xiaoan"></i>
<i class="big icon xiaoan"></i>
<i class="huge icon xiaoan"></i>
<i class="massive icon xiaoan"></i>


縮減的 洨安可以沒有外距。

窩是大家延期的好朋友每天都在延期ㄉ洨洨安

原始碼
窩是大家延期的好朋友<i class="fitted icon xiaoan"></i>洨洨安


翻轉/旋轉 你可以獲得...嗯...一個轉了 90 度的洨安，然後再讓它旋轉！？

原始碼
<i class="horizontally flipped big icon xiaoan"></i>
<i class="vertically flipped big icon xiaoan"></i>
<i class="clockwise rotated big icon xiaoan"></i>
<i class="counterclockwise rotated big icon xiaoan"></i>


圓形 洨洨安可以是圓形且帶有背景顏色的。

原始碼
<i class="circular icon xiaoan face"></i>
<i class="circular info icon xiaoan face"></i>
<i class="circular inverted icon xiaoan face"></i>
<i class="circular inverted warning icon xiaoan face"></i>


邊框 洨洨安可以有邊框喔。

原始碼
<i class="bordered icon xiaoan face"></i>
<i class="bordered info icon xiaoan face"></i>
<i class="bordered inverted icon xiaoan face"></i>
<i class="bordered inverted warning icon xiaoan face"></i>


多個洨安 不同的洨安可以成為一個群組並且組合在一起運用。

原始碼
<i class="huge icons">
     <i class="big loading repeat icon"></i>
     <i class="xiaoan face icon"></i>
</i>


角落洨安 可不是角落生物。

原始碼
<i class="huge icons">
     <i class="big xiaoan face icon"></i>
     <i class="corner loading spinner xiaoan icon"></i>
</i>




Tocas Xiaoan