Ƙirƙiri Kyawawan Loaders na CSS

Ƙirƙirar abubuwan raye-raye na CSS na al'ada a cikin daƙiƙa tare da ilhamar ja-da-saukar da mu. Babu coding da ake buƙata!

Keɓance Load ɗin ku

Nau'in Loader

Color

Size 40px

Speed 1s

Zaɓuɓɓuka na ci gaba

Preview

.loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #165DFF; width: 40px; height: 40px; animation: spin 1s linear infinite; }  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

Yadda Ake Amfani

Keɓance mai ɗaukar lodin ku ta amfani da iko akan hagu
Danna maɓallin "Ƙirƙirar CSS".
Kwafi HTML da lambar CSS da aka samar
Manna shi a cikin aikin ku

Shahararrun Misalan Loader

Pulse Loader

3 Dots Sauƙi don aiwatarwa

Loader na Spinner

Classic 100% CSS

Dual Ring

Da'irar Biyu Salon Zamani

Billa Loader

Dige-buge Smooth Animation

Loadyar ringi

Zobe tare da Dot Zane Na Musamman

Loader Sikeli

Matsakaicin Digi Lightweight

Yadda ake Amfani da Loaders na CSS

Asali Aiwatarwa

Yin amfani da lodin CSS da wannan kayan aiki ya haifar yana da sauƙi. Kawai kwafi HTML da lambar CSS da aka samar cikin aikin ku.

Mataki 1: Ƙara CSS

Add the generated CSS code to your stylesheet or in a