CSS Yükleyici Oluşturucu
Güzel CSS yükleme döndürücüleri ve animasyonları oluşturun. 12 stil, renk, boyut ve hız özelleştirin.
Yükleyici stili
Özelleştir
Canlı Önizleme
Oluşturulan Kod
Popüler Araçlar
CSS Yükleyici Oluşturucu Hakkında
CSS Loader Oluşturucu, ihtiyaç duyduğunuz anda yüksek kaliteli sonuçları ücretsiz olarak, doğrudan tarayıcınızda üretmenizi sağlar. Şık CSS yükleme animasyonları ve spinner'lar oluşturun. 12 stil; renk, boyut ve hızı özelleştirin. Saf CSS kodunu kopyalayın. CSS Loader Oluşturucu akıllı varsayılan ayarlarla gelir, ancak sonucun projenize tam olarak uyması için her ayarı özelleştirebilirsiniz. Her şey istemci tarafında çalıştığı için girdileriniz ve ürettiğiniz çıktılar size özel kalır — hiçbir şey yüklenmez, hiçbir şey kaydedilmez. Kişisel ya da ticari projelerinizde, atıf zorunluluğu olmadan dilediğiniz kadar kullanın.
Kullanım alanları
Nasıl kullanılır
Loader Stili altındaki on iki animasyonlu kutucuktan birine tıklayın: Spinner, Dots, Pulse, Ring, Bars, Bounce, Chase, Square, Dual Ring, Ripple, Ellipsis veya Hourglass.
Rengi renk seçiciyle ya da hex alanıyla belirleyin; halka tipi loader'ların arkasındaki boş iz için bir İkincil Renk seçin.
Animasyon istediğiniz gibi olana kadar Boyut'u 16px ile 120px, Hız'ı 0.3s ile 3s, Kalınlık'ı ise 2px ile 12px arasında sürükleyin.
Boyutu ve hızı gerçek ölçeğinde görmek için animasyonun Canlı Önizleme panelinde çalışmasını izleyin.
Çıktı sekmesini CSS, HTML veya Full'e geçirin, ardından Kopyala'ya basıp fwt-loader işaretlemesini ve keyframe'lerini sayfanıza yapıştırın.
Profesyonel İpuçları
- Her seçeneğin CSS Loader Oluşturucunun çıktısını nasıl etkilediğini görebilmek için ayarları teker teker değiştirin.
- Yeniden oluştur ya da rastgele düğmesine birkaç kez tıklayın — genellikle üçüncü veya dördüncü denemede daha iyi bir sonuç çıkar.
- Birkaç adayı panonuza ya da bir not dosyasına kopyalayın ve birine karar vermeden önce karşılaştırın.
- CSS Loader Oluşturucu dışa aktarmayı destekliyorsa önemli çıktıları hemen kaydedin — sunucu tarafında hiçbir şey saklanmaz.
- Sonucu daha da iyileştirmek için bu CSS Loader Oluşturucunun çıktılarını diğer araçlarla (biçimlendiriciler, önizlemeler, denetleyiciler) birleştirin.
Sık Sorulan Sorular
Evet. CSS Loader Oluşturucu ile ürettiğiniz her şeyi kişisel veya ticari projelerinizde, atıf zorunluluğu olmadan özgürce kullanabilirsiniz.
Evet, tamamen ücretsiz: kayıt yok, ödeme duvarı yok ve çıktıda filigran yok.
Bizim tarafımızda hiçbir yerde. CSS Loader Oluşturucu tarayıcınızda çalışır ve sekmeyi kapattığınızda hiçbir şey saklanmaz; bu yüzden önemli sonuçları kendi cihazınıza kaydedin.
Evet. Her CSS Loader Oluşturucu, stili, uzunluğu veya biçimi ihtiyacınıza göre uyarlayabilmeniz için ayarlanabilir seçenekler sunar.
CSS Loader Oluşturucu güçlü bir rastgelelik ve çeşitli şablonlar kullanır; bu sayede her üretimin benzersiz olma olasılığı yüksektir. Büyük bir küme genelinde benzersizliği garantilemek için elde ettiğiniz koleksiyonu kendi tekrar ayıklama adımınızla doğrulayın.
Evet. Arayüz duyarlıdır; iOS, Android ve tüm modern mobil tarayıcılarda sorunsuz çalışır.