> 웹 프론트엔드 > CSS 튜토리얼 > GMX.css v. 새로운 기능은 무엇입니까?

GMX.css v. 새로운 기능은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-12-30 12:11:17
원래의
599명이 탐색했습니다.

GMX.css v. What

GMX.css의 새로운 마이너 업데이트가 이제 막 출시되었습니다. 차이점이 무엇인가요?

진전

진행률 요소는 일반적으로 진행률 표시줄로 표시되는 작업 완료 진행률을 나타내는 표시기를 표시합니다. 또한 이 요소를 실행하는 다른 속성이 있습니다. 진행률 요소를 일반 막대 또는 원형 모양으로 만들고 값에 따라 정적으로 실행되도록 하거나 중간에 그대로 둘 수 있습니다.

코드는 간단합니다. 중급을 위한 진행 요소만 생성하면 됩니다.

<progress></progress>
로그인 후 복사

또는 가치와 최대값도 부여할 수 있습니다.

<progress value="30" max="100"></progress>
로그인 후 복사

원형 버전을 원하시나요? --value 변수를 사용하여 원 클래스를 추가합니다.

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿