css-spinners Archives - csshint - A designer hub https://csshint.com/tag/css-spinners/ Sun, 19 Feb 2023 15:54:32 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.4 28 CSS Loading Spinner Snippets https://csshint.com/css-spinners/ Thu, 09 May 2019 18:42:11 +0000 http://csshint.com/?p=797 Collection of hand-picked free HTML and CSS loading spinner code examples. 1.Triangle Loading Animation See the Pen Triangle Loading Animation by Tony Banik (@banik) on CodePen. Author Tony Banik Made with HTML / CSS(SCSS) demo and code Get Hosting 2.Various CSS Spinners See the Pen CSS spinners by Iulian Savin (@Iulius90) on CodePen. Author Iulian […]

The post 28 CSS Loading Spinner Snippets appeared first on csshint - A designer hub.

]]> Collection of hand-picked free HTML and CSS loading spinner code examples.

1.Triangle Loading Animation

Author

  • Tony Banik

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

2.Various CSS Spinners

Author

  • Iulian Savin

Made with

  • HTML(pug) / CSS

demo and code Get Hosting

3.Eclipse Spinner

Author

  • Hakim El Hattab

Made with

  • HTML(haml) / CSS(SCSS)

demo and code Get Hosting

4.Super Simple CSS Spinner

Author

  • Thomas Mandelid

Made with

  • HTML / CSS

demo and code Get Hosting

5.Beaulti Circle

Author

  • Elias

Made with

  • HTML / CSS

demo and code Get Hosting

6.Pure CSS Spinners

Author

  • Mark Kahn

Made with

  • HTML(pug) / CSS(stylus)

demo and code Get Hosting

7.Spinners using Font Icons

Author

  • Keyamoon

Made with

  • HTML / CSS

demo and code Get Hosting

8.Olympic Rings

Author

  • Boomer

Made with

  • HTML / CSS(SASS) / Js

demo and code Get Hosting

9.Bounce Delay Loader

Author

  • Joni Trythall

Made with

  • HTML(Haml) / CSS(SCSS) / Js

demo and code Get Hosting

10.Pure CSS Spinner

Author

  • Ömer Fatih

Made with

  • HTML(Haml) / CSS(Less)

demo and code Get Hosting

11.Quick loader

Author

  • Ana Tudor

Made with

  • HTML(Pug) / CSS(SCSS) / JS(babel)

demo and code Get Hosting

12.One div loader

Author

  • Filip Vitas

Made with

  • HTML(Pug) / CSS(Stylus)

demo and code Get Hosting

12.pure CSS 3D loader

Author

  • Ana Tudor

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

13.SVG ∞ loader

Author

  • Ana Tudor

Made with

  • HTML/Pug / CSS

demo and code Get Hosting

14.gooey css loader

Author

  • Decatron

Made with

  • HTML / CSS

demo and code Get Hosting

15.Preloader CSS

Author

  • Sébastien Olivier

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

16.Css3 Loader

Author

  • Salmen Bejaoui

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

17.Equalizes the loader

Author

  • Caohim

Made with

  • HTML(pug) / CSS(SaSS)

Get Hosting/caohim/pen/tseIj” class=”btn_blue floatleft” target=”_blank” rel=”external nofollow noopener noreferrer”>demo and code

18.Flexbox loader

Author

  • wontem

Made with

  • HTML(pug) / CSS(SaSS)

demo and code Get Hosting

19.Two Cube Loader

Author

  • Bennett Feely

Made with

  • HTML(pug) / CSS(SCSS)

demo and code Get Hosting

20.Cupcake – A simple, minimal loader.

Author

  • Prayush S

Made with

  • HTML(pug) / CSS

demo and code Get Hosting

22.Loading Animation CSS

Author

  • Tatsuya Azegami

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

23.CSS Stairs Loader

Author

  • Irko Palenius

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

24.Loading Animation

Author

  • John Heiner

Made with

  • HTML / CSS(SCSS)

demo and code Get Hosting

25.Code Loader

Author

  • Andrey Shchekin

Made with

  • HTML / CSS(LESS)

demo and code Get Hosting

26.‘Making pancake’ loader

Author

  • Pawel

Made with

  • HTML(Pug) / CSS(SCSS)

demo and code Get Hosting

27.wineshop loader

Author

  • Elena Nazarova

Made with

  • HTML / CSS

demo and code Get Hosting

28.New Preloader

Author

  • Anastasiya Kuligina

Made with

  • HTML / CSS

demo and code Get Hosting

The post 28 CSS Loading Spinner Snippets appeared first on csshint - A designer hub.

]]>