Toolipedia Siteye ekle
TR
← Tüm metin araçları

CSS loader oluşturucu

Renkleriniz ve boyutunuzla saf CSS ile döner göstergeler ve yükleme animasyonları.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık CSS loader oluşturucu

Bir döner simge, nokta, çubuk veya nabız animasyonu seçin, rengini ve boyutunu ayarlayın ve saf CSS'i kopyalayın. Görsel veya JavaScript gerekmez; bu yüzden yükleyici yavaş bağlantılarda bile anında görünür. Ekran okuyucu kullanıcılarının da bir şeyin yüklendiğini bilmesi için bir metin etiketi veya aria-busy niteliği ekleyin.

CSS loader oluşturucu nasıl kullanılır

  1. Spinner, noktalar veya çubuklar gibi bir yükleyici stili seçin.
  2. Rengi, boyutu ve hızı sitenize uyacak şekilde ayarlayın.
  3. HTML ve CSS'i kopyalayın ve içeriğin yüklendiği yere yerleştirin.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Bir CSS yükleyici bir GIF'ten daha mı iyidir?

Genellikle evet. CSS yükleyiciler küçüktür, her ekranda ölçeklenir, tek bir değişkenle renk değiştirir ve ek bir ağ isteğinden kaçınır; GIF ise daha ağırdır ve yüksek yoğunluklu ekranlarda bulanıktır.

Sayfa hazır olduğunda yükleyiciyi nasıl gizlerim?

Yükleyiciye bir sınıf verin ve içeriğiniz yüklendiğinde küçük bir betikle kaldırın veya display none yapın. Yalnızca CSS yüklemenin ne zaman bittiğini bilemez.

Yükleyiciyi ekranın ortasına alabilir miyim?

Onu position fixed olan bir kapsayıcıya koyun ve flexbox ortalama kullanın, böylece içerik yüklenirken yükleyici görünüm alanının ortasında durur.

CSS loader oluşturucu ücretsiz mi?

Evet. Toolipedia'daki CSS loader oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

CSS loader oluşturucu aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar