GMX.css v. 有什麼新內容？

GMX.css 的新小更新現已推出。有什麼區別？

進步

progress 元素顯示一個指示任務完成進度的指示器，通常顯示為進度條。而且，還有一個不同的屬性來運行此元素，您可以使進度元素具有正常的條形或圓形外觀，並使其按值靜態運行或使其處於中間狀態。

程式碼很簡單，只要建立中間的進度元素即可。

<progress></progress>

或者，您也可以為其指定值和最大值。

<progress value="30" max="100"></progress>

想要圓形版本嗎？新增帶有--value變數的circle類別。

<progress>



<p>Circle but intermedinate and spinning? Sure.<br>
</p>

<pre class="brush:php;toolbar:false"><progress>



<p>Try the demo here:</p>

<p><iframe height="600" src="https://codepen.io/LIGMATV/embed/xbKEWGb?height=600&default-tab=result&embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy">
</iframe>
</p>

<h2>
  
  
  More
</h2>

<p>Not just add progress, we also made the web more responsive.<br>
See the difference and try inspect: v0.0.10 vs v0.0.12</p>

<hr>

<p>Cool right? Getting started now by add single line in your HTML file!<br>
</p>

<pre class="brush:php;toolbar:false"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LIGMATV/gmx.css@main/gmx.css">

GMX.css 儲存庫
GMX.css 網站

以上是GMX.css v. 有什麼新內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！