Güzel CSS Yükleyiciler Oluşturun

Sezgisel sürükle ve bırak arayüzümüzle saniyeler içinde özel CSS yükleme animasyonları oluşturun. Kodlamaya gerek yok!

Yükleyicinizi Özelleştirin

Yükleyici Tipi

Color

Size 40px

Speed 1s

Gelişmiş Seçenekler

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); } }

Nasıl Kullanılır?

Soldaki kontrolleri kullanarak yükleyicinizi özelleştirin
"CSS Oluştur" düğmesini tıklayın
Oluşturulan HTML ve CSS kodunu kopyalayın
Projenize yapıştırın

Popüler Yükleyici Örnekleri

Darbe Yükleyici

3 Dots Uygulaması kolay

Döner Yükleyici

Classic 100% CSS

Dual Ring

Çift Daire Modern Tarz

Sıçrama Yükleyici

Zıplayan Noktalar Pürüzsüz Animasyon

Halka Yükleyici

Noktalı Yüzük Eşsiz Tasarım

Ölçek Yükleyici

Noktaları Ölçeklendirme Lightweight

CSS Yükleyiciler Nasıl Kullanılır

Temel Uygulama

Bu araç tarafından oluşturulan CSS yükleyicilerini kullanmak basittir. Oluşturulan HTML ve CSS kodunu projenize kopyalamanız yeterlidir.

1. Adım: CSS'yi ekleyin

Add the generated CSS code to your stylesheet or in a