20 Awesome Animated Loaders ir Spinners

Spartėja interneto ryšys, tačiau kartais vis dar yra keletas momentų, kuriuos reikia laukti, kol bus įkeltas tinklalapis. Dizaineriai stengiasi, kad jūsų laukimo laikas būtų linksmas ir neskausmingas įvairūs kūrybiniai animaciniai krautuvai.

Krautuvai parodo, kad procesas vyksta. Tačiau, norint įsitikinti, kad jūs nenutrauksite, kol procesas nebaigtas, paslaptis, kurią kelia nuostabūs krautuvai, yra dėmesys detalėms ir įdomi animacija. Žemiau rasite 20 fantastiškų krautuvų, kuriuos galite atsisiųsti ir naudoti savo svetainėje ar projekte.

CSS krautuvas @ CKH4

Kreipkitės į „Pen css“ krautuvą „Connor“ (@ CKH4) „CodePen“.

Rainbow Loader įkėlė @jackrugile

Žiūrėkite „Pen Rainbow Loader“, kurį pateikė „Jack Rugile“ (@jackrugile) „CodePen“.

Peradresuoti krautuvą @mr_alien

Žr. „Alien“ (@mr_alien) „PenPressing Loader“ kodą „CodePen“.

Krautuvo CSS @mattiabericchia

„CodePen“ žr. „Mattia Bericchia“ (@mattiabericchia) „Pen Loader CSS“.

Šviesos krautuvas @jackrugile

Žr. „Jack Rugile“ (@jackrugile) „Pen Light Loader“ „CodePen“.

CSS3 Infinite Loader sukūrė @jonathansilva

Žr. „PenSS CSS3 Infinite Loader“ „Jonathan Silva“ (@jonathansilva) „CodePen“.

„CSS Stairs Loader“ pagal @ispal

„Penko CSS“ laiptų krautuvą žr. „Irko Palenius“ (@ispal) „CodePen“.

CSS Loader sukūrė @code_dependant

Žr. „Pen CSS Loader“, kurį pateikė „Che“ (@code_dependant) „CodePen“.

Krautuvas @ majci23

Žr. „MaroÃ…“ rašiklį „Loader“¡ Horniak (@ majci23) dėl CodePen.

Rubiko krautuvas @FilipVitas

Žr. „Pen Rubik“ krautuvą Filip Vitas (@FilipVitas) „CodePen“.

CSS3 Loader animacija & ndash Peeek @rss

Žr. „Pen CSS3 Loader“ animaciją - „Ree“ Â ± za SelÃ?§Saydam (@rss) dėl CodePen.

Pure Css krautuvas & ndash Square @dghez

Žiūrėkite „Pen Pure Css Loader“ - aikštę, kurią pateikė Robert Borghesi (@dghez) „CodePen“.

Kokteilių krautuvas @MarcMalignan

„Marc Malignan“ (@MarcMalignan) „Pen Cocktail Loader“ žr. „CodePen“.

„Loader“ per dieną (2 diena) @TheDutchCoder

Žr. „Penier Loader“ dieną (2 diena) „Reinier Kaper“ (@TheDutchCoder) „CodePen“.

Daugiakampis krautuvas @dan_reid

Žr. „Pen Polygon Loader“, kurį pateikė „Daniel Reid“ (@dan_reid) „CodePen“.

Kodas Krautuvas CSS sistemoje @depy

Deepak Kamat (@depy) „CodePen“ ieškokite „CSS“ „Pen Code Loader“.

Vieno elemento keturių spalvų krautuvas @tstoik

„PenPress One“ keturių spalvų krautuvą žr. „Tiffany Stoik“ (@tstoik) „CodePen“.

Krautuvas # 1 @samueljweb

Žr. „Sam Lillicrap“ (@samueljweb) „Pen Loader“ # 1 „CodePen“.

Leiskite pakrauti @tomchewitt

Žr. „Tom Hewitt“ (@tomchewitt) „Pen Let's“ krovinį „CodePen“.

Kitas @redouglas įkėlimo animacija

Žr. „Robert Douglas“ (@redouglas) kitoje pakrovimo animacijoje „CodePen“.