Utilities Bootstrap 5Free+ CSS
CSS3 Loader and Spinners with pure CSS — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1.7k views32 downloads
gosnippets.com/preview/css3-loader-and-spinners-with-pure-css
Source Code
1<section><span class="loader-1"> </span></section>
2<section><span class="loader-2"> </span></section>
3<section><span class="loader-3"> </span></section>
4<section><span class="loader-4"> </span></section>
5<section><span class="loader-5"> </span></section>
6<section><span class="loader-6"> </span></section>
7<section><span class="loader-7"> </span></section>
8<section><span class="loader-8"> </span></section>
9<section><span class="loader-9"> </span></section>
10<section><span class="loader-10"> </span></section>
11<section><span class="loader-11"> </span></section>
12<section><span class="loader-12"> </span></section>
13<section><span class="loader-13"> </span></section>
14<section><span class="loader-14"> </span></section>
15<section><span class="loader-15"> </span></section>
16<section><span class="loader-16"> </span></section>
17<section><span class="loader-17"> </span></section>
18<section><span class="loader-18"> </span></section>
19<section><span class="loader-19"> </span></section>
20<section><span class="loader-20"> </span></section>
21<section><span class="loader-21"> </span></section>
22<section><span class="loader-22"> </span></section>
23<section><span class="loader-23"> </span></section>
24<section><span class="loader-24"> </span></section>
25<section><span class="loader-25"> </span></section>
26<section><span class="loader-26"> </span></section>
27<section><span class="loader-27"> </span></section>
28<section><span class="loader-28"> </span></section>
29<section><span class="loader-29"> </span></section>
30<section><span class="loader-30"> </span></section>
31<section><span class="loader-31"> </span></section>
32<section><span class="loader-32"> </span></section>
33<section><span class="loader-33"> </span></section>
34<section><span class="loader-34"> </span></section>
35<section><span class="loader-35"> </span></section>
36<section><span class="loader-36"> </span></section>
37<section><span class="loader-37"> </span></section>
38<section><span class="loader-38"> </span></section>
39<section><span class="loader-39"> </span></section>
40<section><span class="loader-40"> </span></section>
41<section><span class="loader-41"> </span></section>
42<section><span class="loader-42"> </span></section>
43<section><span class="loader-43"> </span></section>
44<section><span class="loader-44"> </span></section>
45<section><span class="loader-45"> </span></section>
46<section><span class="loader-46"> </span></section>
47<section><span class="loader-47"> </span></section>
48<section><span class="loader-48"> </span></section>
49<section><span class="loader-49"> </span></section>
50<section><span class="loader-50"> </span></section>
51<section><span class="loader-51"> </span></section>
52<section><span class="loader-52"> </span></section>
53<section><span class="loader-53"> </span></section>
54<section><span class="loader-54"> </span></section>
55<section><span class="loader-55"> </span></section>
56<section><span class="loader-56"> </span></section>
57<section><span class="loader-57"> </span></section>
58<section><span class="loader-58"> </span></section>
59<section><span class="loader-59"> </span></section>
60<section><span class="loader-60"> </span></section>
61<section><span class="loader-61"> </span></section>
62<section><span class="loader-62"> </span></section>
63<section><span class="loader-63"> </span></section>
64<section><span class="loader-64"> </span></section>
65<section><span class="loader-65"> </span></section>
66<section><span class="loader-66"> </span></section>
67<section><span class="loader-67"> </span></section>
68<section><span class="loader-68"> </span></section>
69<section><span class="loader-69"> </span></section>
70<section><span class="loader-70"> </span></section>
71<section><span class="loader-71"> </span></section>
72<section><span class="loader-72"> </span></section>
73<section><span class="loader-73"> </span></section>
74<section><span class="loader-74"> </span></section>
75<section><span class="loader-75"> </span></section>
76<section><span class="loader-76"> </span></section>
77<section><span class="loader-77"> </span></section>
78<section><span class="loader-78"> </span></section>
79<section><span class="loader-79"> </span></section>
80<section><span class="loader-80"> </span></section>
81<section><span class="loader-81"> </span></section>
82<section><span class="loader-82"> </span></section>
83<section><span class="loader-83"> </span></section>
84<section><span class="loader-84"> </span></section>
85<section><span class="loader-85"> </span></section>
86<section><span class="loader-86"> </span></section>
87<section><span class="loader-87"> </span></section>
88<section><span class="loader-88"> </span></section>
89<section><span class="loader-89"> </span></section>
90<section><span class="loader-90"> </span></section>
91<section><span class="loader-91"> </span></section>
92<section><span class="loader-92"> </span></section>
93<section><span class="loader-93"> </span></section>
94<section><span class="loader-94"> </span></section>
95<section><span class="loader-95"> </span></section>
96<section><span class="loader-96"> </span></section>
97<section><span class="loader-97"> </span></section>
98<section><span class="loader-98"> </span></section>
99<section><span class="loader-99"> </span></section>
100<section><span class="loader-100"> </span></section>
101<section><span class="loader-101"> </span></section>
102<section><span class="loader-102"> </span></section>
103<section><span class="loader-103"> </span></section>
104<section><span class="loader-104"> </span></section>
105<section><span class="loader-105"> </span></section>
106<section><span class="loader-106"> </span></section>
107<section><span class="loader-107"> </span></section>
108<section><span class="loader-108"> </span></section>
109<section><span class="loader-109">Loading </span></section>
110<section><span class="loader-110">Loading </span></section>
111<section><span class="loader-111">Loading </span></section>
112<section><span class="loader-112">L ading </span></section>
113<section><span class="loader-113">Load ng </span></section>
114<section><span class="loader-114">Load ng </span></section>
115<section><span class="loader-115">Loading </span></section>
116<section><span class="loader-116">Load ng </span></section>
117<section><span class="loader-117">Load ng </span></section>
118<section><span class="loader-118"> </span></section>
119<section><span class="loader-119">Loading </span></section>
120<section><span class="loader-120">Loading</span></section>
121<section><span class="loader-121"> </span></section>
122<section><span class="loader-122"> </span></section>
123<section><span class="loader-123"> </span></section>
124<section><span class="loader-124"> </span></section>
125<section><span class="loader-125"> </span></section>
126<section><span class="loader-126"> </span></section>More Utilities snippets
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
UtilitiesView →
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
UtilitiesView →
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
UtilitiesView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.