CSSPIN을 사용하여 단일 요소 스피너 및 로더 만들기

CSS3로 놀라운 것들을 만들 수 있습니다. 사용자 정의 입력 필드 에 드롭 다운 심지어 벡터 그래픽. 이 기술들은 빠르게 자바 스크립트를 따라 잡기, 개발자가 더 나은 사용자 환경을 쉽게 만들 수있게 해줍니다..

구축하는 가장 까다로운 작업 중 하나는 로딩 스피너 애니메이션 하지만 현대의 CSS 애니메이션을 사용하면 매우 간단 해집니다..

시간을 절약하려면 처음부터 라이브러리를 사용할 수 있습니다. CSSPIN 톤의 미리 정의 된 맞춤형 스피너. 이 애니메이션들은 모두 자유롭게 복제 할 수 있으며 완전히 오픈 소스이기 때문에 전체 권한 원하는대로 코드를 편집하려면.

이 라이브러리로 회 전자를 설정하는 것은 쉽습니다. 방금 CSS 라이브러리 복사 귀하의 페이지에 사용자 정의 HTML 요소 추가 어디에서나 나타나기를 원한다면.

이 커스텀 스피너는 하나의 HTML 요소 애니메이션 효과를 만듭니다. 그래픽과 애니메이션 효과가 순전히 CSS 클래스를 통해 렌더링 됨.

그리고 소스 코드에 액세스 할 수 있으므로 모양, 색상, 크기 및 애니메이션 속도 바꾸기 프로젝트에 더 잘 어울리는 방법.

코드를 메모하기 만하면됩니다. 덜 구문을 사용합니까?, 따라서 사전 편집 언어에 익숙해 져서 중요한 수정 작업을 수행해야합니다..

하지만, 당신은 일반 CSS 예제 메인 데모 페이지에서 간단한 지시 사항 GitHub 페이지에서.

익숙하다면 npm 또는 나무 그늘 이것들은 대체 방법 라이브러리 설치용.

설치 방법에 관계없이이 패키지는 함께 작업 할 수있는 훌륭한 CSS 애니메이션 라이브러리입니다. 그것은 의미가있다. 완전히 모듈화 된 새로운 스피너, 새로운 애니메이션 및 다른 개발자의 커스터마이징을위한 충분한 공간이 제공됩니다..

자세한 내용을 확인하고 모든 설명서를 살펴 보려면 GitHub의 CSSPIN 저장소. 제작자는 또한 작게 만들었습니다. 비디오 설정 너는 아래에서 볼 수있다..