close
16-loaderow-css

Loadery są świetnym sposobem na poprawienie doświadczeń użytkownika. W tym artykule poznasz 16 minimalistycznych animacji, które wykorzystują tylko CSS. Dołączony kod pozwali Ci na natychmiastowe wykorzystanie ich w swoich projektach.

Flat preloader

Autor: ZeroSpree

1

Fala

Autor: Luca Dimola

1

Preloader Google

Autor: Matt Litherland

1

 

Picturelife Preloader

Autor: trvr

1

 

Żonglowanie

Autor: Luca Dimola

1

 

Nieskończoność

Autor: Jonathan Silva

1

 

Okręgi i kwadrat

Autor: Aaron Lumsden

1

 

Obracające się kwadraty

Autor: Devilish Alchemist

1

 

Spinner

Autor: James Nowland

1

 

DC SVG Loader

Autor: Chris Kelley

1

 

Tetris Loader

Autor: Joren Van Hee

1

 

Pogoda

Autor: Tim Holman

1

 

Pure CSS loader #2

Autor: Jerome Renders

1

 

Square

Autor: Robert Borghesi

1

 

Loader

Autor: Vadzim Tsupryk

1

 

CSS Loader

Autor: Derek Morash

1

 

Jak zrobić preloader?

Możesz sprawdzić jak wykorzystać przedstawione wyżej efekty w artykule “Jak zrobić preloader”.

Tags : loaderpreloader
  • cześć, macie newsletter na witrynie?

  • Brudka

    Jak mogę coś zasugerować. 😉
    Można by spróbować wymóc na codepen by była możliwość maksymalizacji przykładu na całe okno strony. Tak by się lepiej czytało kod w oknie. 🙂

    • Masz dobry gust, jeśli chodzi o strony 😀
      Dzięki za komentarze i sugestie. Postaram się coś wykombinować z tym fullscreenem.

  • Brudka

    Cóż powiedzieć – rewelacja 😀
    Twoja strona jest dla mnie pierwsza na liście odwiedzanych jeśli chodzi o super pomysły na rozwiązania front end. A aktualne artykuły to istna kopalnia wiedzy o CSS i JS. 🙂
    Po prostu super, masz dar do tłumaczenia. 🙂

    Jak już kiedyś wspominałem – nie przestawaj. 😉
    Wiem, że nie zamierzasz. 😉

  • Natalia Andrzejczuk

    Zaczynam się Was bać 🙂 Już któryś raz z kolei kiedy zastanawiam się nad jakąś kwestią na stronie dostaję od Was maila z gotowymi rozwiązaniami w tym temacie 😀