이것은 최신 릴리스를 v2.0.1.zip으로 다운로드할 수 있는 SpinKit이라는 Linux 앱입니다. 워크스테이션용 무료 호스팅 제공업체인 OnWorks에서 온라인으로 실행할 수 있습니다.
OnWorks가 포함된 SpinKit이라는 앱을 무료로 온라인으로 다운로드하여 실행하세요.
이 앱을 실행하려면 다음 지침을 따르세요.
- 1. 이 애플리케이션을 PC에 다운로드했습니다.
- 2. 파일 관리자 https://www.onworks.net/myfiles.php?username=XXXXX에 원하는 사용자 이름을 입력합니다.
- 3. 이러한 파일 관리자에서 이 응용 프로그램을 업로드합니다.
- 4. 이 웹사이트에서 OnWorks Linux 온라인 또는 Windows 온라인 에뮬레이터 또는 MACOS 온라인 에뮬레이터를 시작합니다.
- 5. 방금 시작한 OnWorks Linux OS에서 원하는 사용자 이름으로 파일 관리자 https://www.onworks.net/myfiles.php?username=XXXXX로 이동합니다.
- 6. 응용 프로그램을 다운로드하여 설치하고 실행합니다.
스크린샷:
스핀킷
설명 :
CSS로 애니메이션을 적용한 간단한 로딩 스피너입니다. SpinKit은 부드럽고 쉽게 사용자 정의할 수 있는 애니메이션을 만들기 위해 CSS 애니메이션(변환 및 불투명도)만 사용합니다. spinkit.css 또는 spinkit.min.css를 프로젝트에 추가하거나 스피너에 필요한 CSS를 복사하여 붙여넣습니다. 스피너 사이에는 종속성이 없고 공유 클래스, 공유 애니메이션 등이 없으므로 상당히 유사해야 합니다. 필요한 코드만 추출하는 것이 간단합니다). spinkit.css 또는 example.html에서 HTML을 복사하여 붙여넣어 프로젝트에 스피너를 추가하세요. 스피너에 sk-center 유틸리티 클래스를 추가하여 중앙에 배치합니다(여백을 자동으로 설정함). 기본적으로 모든 스피너의 너비와 높이는 40px로 설정됩니다. 배경색은 #333으로 설정됩니다. CSS 변수(주로 --sk-size(스피너 너비 및 높이) 및 --sk-color(스피너 색상))를 덮어써서 스피너를 구성합니다. 더 광범위한 브라우저 지원이 필요한 경우 CSS 변수를 제거하세요.
특징
- CSS로 애니메이션을 적용한 간단한 로딩 스피너
- SpinKit은 CSS 애니메이션과 변수를 사용합니다.
- 부드럽고 쉽게 사용자 정의 가능한 애니메이션 만들기
- 스피너 사이에는 종속성이 없습니다.
- HTML을 복사하여 붙여넣어 HTMLject를 복사하여 프로젝트에 스피너를 추가하세요.
- CSS 변수를 덮어써 스피너를 구성합니다.
이는 https://sourceforge.net/projects/spinkit.mirror/에서도 가져올 수 있는 애플리케이션입니다. 무료 운영 시스템 중 하나에서 가장 쉬운 방법으로 온라인으로 실행하기 위해 OnWorks에서 호스팅되었습니다.