HTML/CSS Basit Loader

Wandal

Wandal

Wandal#0001
Katılım
22 Kas 2021
Mesajlar
100
Tepkime puanı
37
Şehir
İstanbul
Web sitelerinin tasarımlarında bana göre önemli bir yer oynayan loader ekranı örneği.. Şahsen beyaz ekran yerine bir loaderi tercih ederim :D


.loader-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #18191a;
display: flex;
justify-content: center;
align-items: center;
z-index: 2000;
}

.loader {
border: 10px solid #fff; /* Light grey */
border-top: 10px solid #5865f2; /* Blue */
border-radius: 50%;
width: 80px;
height: 80px;
animation: spin 2s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
Genişletmek için tıkla ...

kimsebas.png
 
Umut

Umut

4wuqey#0001
Katılım
25 Tem 2021
Mesajlar
847
Tepkime puanı
402
Şehir
Antalya
Eline sağlık , teşekkür ederim.
 
Aventia

Aventia

Aventia | Yasin
Moderator
aventia
Katılım
11 Kas 2021
Mesajlar
3,692
Tepkime puanı
1,048
Şehir
Samsun
Eline sağlık. İyi Forumlar.
 
Cevap yazmak için giriş yap yada kayıt ol.

Konuyu 0 kişi okuyor. (0 kayıtlı üye ve 0 ziyaretçi)

Benzer konular Forum Tarih
Alınacak BASİT BİR WEP SİTESİ KURACAK BİRİ ARANIYOR Diğer 0 275
ArviS Haberler EKLENDİ: Basitleştirilmiş Bot Profilleri Discord Haberleri 0 265
ArviS Güncelleme EKLENİYOR: Mobil; Basitleştirilmiş Mobil Kullanıcı Profili Discord Güncellemeleri 0 268
ArviS Güncelleme EKLENİYOR: Basitleştirilmiş Profil Tepki Yanıtı Discord Güncellemeleri 0 247
ArviS Haberler EKLENİYOR: Basitleştirilmiş Bot Profilleri Discord Haberleri 0 277
ashluez Altyapı Basit Public Botu 1 DK İÇİNDE BASİT KURULUM Discord Bot Altyapı 0 811
canbusiness Şablon Discord Yayıncı Şablonu (Basitleştirilmiş) Discord Sunucu Şablonları 0 1K
ash5000 Altyapı Basit FİVEM Botu Bedava Kullanabilirsiniz Discord Bot Altyapı 4 1K
Mayto Botlar DİSCORD BASİT MÜZİK BOTU Botlar 1 748
Tanıtım Plus+ Bot - Basit Özelleştirilebilir Bot! Bot Tanıtımı 1 602

Benzer konular

  • Bilgi
Üst