Test Tiếp

Description:

SpinBolt is a collection of 15 minimal, clean, circular, animated loading spinners implemented in single element and CSS/CSS3.

Loading Spinners Included:

1. Circle
2. Dual Circle
3. Path
4. Ripple
5. Seven Circles
6. Clock
7. Puzzle
8. Pushing Shapes
9. Square to circle
10. Rect Spin Fill
11. Dot Slide
12. Circle balance
13. Circle to rhombus
14. Circle and square
15. Half circle spin

How to use it:

Download import the Loading Spinners as per your needs.

01	@import 'variables';

02	@import 'sbl-circ';

03	@import 'sbl-circ-path';

04	@import 'sbl-circ-dual';

05	@import 'sbl-circ-ripple';

06	@import 'sbl-seven-circles';

07	@import 'sbl-meter';

08	@import 'sbl-puzzle';

09	@import 'sbl-pushing-shapes';

10	@import 'sbl-square-to-circle';

11	@import 'sbl-rect-spin-fill';

12	@import 'sbl-dot-slide';

13	@import 'sbl-cirle-balance'

14	@import 'sbl-circle-to-rhombus'

15	@import 'sbl-cirle-and-square'

16	@import 'sbl-half-circle-spin'

Or directly include the complied stylesheet on the page.

1	<link rel="stylesheet" href="main.css">

Customize the loading spinner in the variables.scss.

1	$loadercolor: #5a5a5a;

2	$height: 48px;

3	$width: 48px;

Changelog:

10/14/2019

• Added sbl-half-circle-spin

10/13/2019

• Added sbl-circle-and-square spinner

10/07/2019

• Added circle-to-rhombus

09/29/2019

• Added sbl-circle-balance spinner

09/17/2019

• Added sbl-dot-slide spinner

09/05/2019

• Added more spinners

person_outline Taxi TV  schedule tháng 10 18, 2019 

template