Rumah > hujung hadapan web > tutorial css > GMX.css lwn. Apa yang baharu?

GMX.css lwn. Apa yang baharu?

Mary-Kate Olsen
Lepaskan: 2024-12-30 12:11:17
asal
599 orang telah melayarinya

GMX.css v. What

Kemas kini kecil baharu daripada GMX.css baru sahaja dilancarkan sekarang. Apa bezanya?

Kemajuan

Elemen kemajuan memaparkan penunjuk yang menunjukkan kemajuan penyelesaian tugas, biasanya dipaparkan sebagai bar kemajuan. Selain itu, terdapat atribut yang berbeza untuk menjalankan elemen ini, anda boleh membuat elemen kemajuan dengan bar biasa atau rupa bulat dan menjadikannya berjalan secara statik mengikut nilai atau membiarkannya menjadi pertengahan.

Kodnya mudah, cuma buat elemen kemajuan untuk perantaraan.

<progress></progress>
Salin selepas log masuk

Atau, anda boleh memberikan nilai dan maks juga.

<progress value="30" max="100"></progress>
Salin selepas log masuk

Mahukan versi bulat? Tambahkan kelas bulatan dengan pembolehubah --nilai.

<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">
Salin selepas log masuk

repositori GMX.css
Tapak web GMX.css

Atas ialah kandungan terperinci GMX.css lwn. Apa yang baharu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan