Loading Spinner

16.08.2025 162 indirme Animasyonlar
Ücretsiz

CSS ile yapılmış yükleme animasyonu

Canlı Önizleme
Bu önizlemede kod ile etkileşime geçebilirsiniz.
Kod
<style>
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>

<div class="spinner"></div>
Kullanım Talimatları
  1. Yukarıdaki kodu kopyalayın veya indirin
  2. HTML dosyanızın <head> bölümüne CSS kodlarını ekleyin
  3. JavaScript kodları varsa </body> etiketinden önce ekleyin
  4. HTML yapısını istediğiniz yere yerleştirin
  5. Gerekirse CSS sınıflarını projenize uygun şekilde düzenleyin
Kod Bilgileri
162
İndirme
Ücretsiz
Fiyat
16.08.2025 eklendi
Paylaş
Benzer Kodlar
3D Flip Kart Efekti
Ücretsiz
Morfolojik SVG Animasyonu
Ücretsiz
Glitch Metin Efekti
Ücretsiz
Daha Fazla Görüntüle