Pagina inicial » UI / UX » 20 Carregadores Animados e Spinners Incríveis

    20 Carregadores Animados e Spinners Incríveis

    A conexão com a Internet está ficando mais rápida, no entanto, de tempos em tempos, ainda há alguns momentos em que precisamos aguardar uma página da Web para carregar. Designers tentam o seu melhor para tornar o seu tempo de espera divertido e indolor usando vários carregadores animados criativos.

    Os carregadores mostram que o processo está em andamento. Mas para ter certeza de que você não vai embora antes que o processo seja concluído, o segredo para carregadores impressionantes está no atenção aos detalhes e animação interessante. Abaixo você encontrará 20 criadores fantásticos que você pode baixar e usar em seu próprio site ou projeto.

    Loader CSS de @ CKH4

    Veja o carregador Pen css por Connor (@ CKH4) em CodePen.

    Carregador de arco-íris por @jackrugile

    Veja o Pen Rainbow Loader de Jack Rugile (@jackrugile) no CodePen.

    Redirecionando o carregador por @mr_alien

    Veja o Pen Redirecting Loader por Mr Alien (@mr_alien) em CodePen.

    CSS do carregador por @mattiabericchia

    Veja o Pen Loader CSS por Mattia Bericchia (@mattiabericchia) no CodePen.

    Light Loader de @jackrugile

    Veja o Pen Light Loader por Jack Rugile (@jackrugile) no CodePen.

    Carregador Infinito CSS3 by @jonathansilva

    Veja o Carregador Infinito Pen CSS3 de Jonathan Silva (@jonathansilva) no CodePen.

    Carregador de Escada CSS by @ispal

    Veja o Carregador de Escada Pen CSS de Irko Palenius (@ispal) no CodePen.

    CSS Loader por @code_dependant

    Veja o Pen CSS Loader de Che (@code_dependant) no CodePen.

    Carregador por @ majci23

    Veja o Pen Loader por Maroà¡ Horniak (@ majci23) na CodePen.

    Carregador Rubik by @FilipVitas

    Veja o carregador Pen Rubik de Filip Vitas (@FilipVitas) no CodePen.

    Animação do Carregador CSS3 & ndash Peeek by @rss

    Veja a animação do carregador da pena CSS3 - Peeek por RÃ?  ± za Selà ?? §uk Saydam (@rss) na CodePen.

    Pure Css Loader & ndash Square por @dghez

    Veja o Pen Pure Css Loader - Square de Robert Borghesi (@dghez) no CodePen.

    Carregador de coquetel by @MarcMalignan

    Veja o Pen Cocktail Loader por Marc Malignan (@MarcMalignan) no CodePen.

    Carregador por dia (dia 2) por @TheDutchCoder

    Veja o Pen Loader por dia (dia 2) por Reinier Kaper (@TheDutchCoder) em CodePen.

    Carregador de Polígonos por @dan_reid

    Veja o Pen Polygon Loader por Daniel Reid (@dan_reid) no CodePen.

    Code Loader em CSS by @depy

    Veja o Pen Code Loader em CSS por Deepak Kamat (@depy) no CodePen.

    Carregador de quatro cores de um elemento por @tstoik

    Veja o carregador de quatro cores do elemento One da Tiffany Stoik (@tstoik) na CodePen.

    Carregador # 1 por @samueljweb

    Veja o Pen Loader # 1 por Sam Lillicrap (@samueljweb) no CodePen.

    Vamos carregar coisas por @tomchewitt

    Veja a Caneta Vamos carregar coisas de Tom Hewitt (@tomchewitt) no CodePen.

    Outra animação de carregamento por @redouglas

    Veja a Pen Another Loading Animation de Robert Douglas (@redouglas) no CodePen.