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中文网其他相关文章！