20 대의 굉장 애니메이션 로더 및 스피너

인터넷 연결 속도가 빨라지고 있지만 때때로 웹 페이지가로드 될 때까지 기다릴 필요가 있습니다. 디자이너는 기다리는 시간을 즐겁게하고 고통없이 사용하기 위해 최선을 다합니다. 다양한 창조적 인 로더.

로더는 프로세스가 진행 중임을 보여줍니다. 그러나 프로세스가 완료되기 전에 당신이 떠나 가지 않았는지 확인하기 위해, 멋진 로더에 대한 비밀은 세부 사항 및 흥미로운 애니메이션에 대한 관심. 아래에서 자신의 웹 사이트 또는 프로젝트에서 다운로드하여 사용할 수있는 환상적인 로더를 만드는 방법을 찾을 수 있습니다..

@ CKH4에 의한 CSS 로더

CodePen의 Connor (@ CKH4)에 의한 Pen css loader보기.

무지개 로더 @jackrugile에 의해

CodePen의 Jack Rugile (@jackrugile)의 Pen Rainbow Loader보기.

로더 리디렉션 @mr_alien

CodePen의 Mr. Alien (@mr_alien)이 작성한 Pen Redirecting Loader를 참조하십시오..

@mattiabericchia의 로더 CSS

CodePen의 Mattia Bericchia (@mattiabericchia)의 Pen Loader CSS를 참조하십시오..

라이트 로더 by @jackrugile

CodePen의 Jack Rugile (@jackrugile)의 펜 라이트 로더보기.

CSS3 무한 로더 @jonathansilva 작성

CodePen의 Jonathan Silva (@jonathansilva)의 펜 CSS3 무한 로더보기.

@ sqal의 CSS 계단 로더

CodePen의 Irko Palenius (@ispal)의 Pen CSS Stairs Loader보기.

@code_dependant의 CSS 로더

CodePen의 Che CSS 로더 (@code_dependant)보기.

로더 by @ majci23

펜 로더보기 Maroà ...¡ CodePen의 Horniak (@ majci23).

@FilipVitas의 Rubik 로더

CodePen의 Filip Vitas (@FilipVitas)의 Pen Rubik 로더보기.

CSS3 로더 애니메이션 & ndash Peeek @rss

펜 CSS3 로더 애니메이션 - Peeek by Rà ±  ± za Selà ??§영국 Saydam (@rss) CodePen에.

순수 CSS 로더 및 ndash Square @ @dhehez

Code Pen의 Robert Borghesi (@dghez)의 Pen Pure Css Loader - Square보기.

@MarcMalignan의 칵테일 로더

Code Cen의 Marc Malignan (@MarcMalignan)이 작성한 펜 칵테일 로더보기.

Loader a Day (day 2) @TheDutchCoder 작성자

CodePen의 Reinier Kaper (@TheDutchCoder)의 하루 (2 일째) 펜 로더보기.

@dan_reid의 다각형 로더

CodePen의 Daniel Reid (@dan_reid)의 펜 다각형 로더보기.

CSS의 코드 로더 by @depy

CodePen의 Deepak Kamat (@depy)가 작성한 CSS의 펜 코드 로더보기.

@tstoik의 한 요소 4 색 로더

CodePen의 Tiffany Stoik (@tstoik)이 작성한 Pen One 요소 4 색 로더보기.

@samueljweb 작성자 # 1

CodeLife의 Sam Lillicrap (@samueljweb)의 Pen Loader # 1을 참조하십시오..

@tomchewitt하여 물건을로드하자.

펜을 봅니다. Code Hell (@tomchewitt)이 CodePen에로드하는 내용을 보겠습니다..

@ redouglas의 다른 로딩 애니메이션

CodePen의 Robert Douglas (@redouglas)의 다른 로딩 애니메이션보기.