📌2 Senelik Yolculuğumuzda 1.000.000m+ Ham Görüntüleme İçin Teşekkürler. İyi ki varsınız! 🙏🏻
Discord sunucumuza tüm üyelerimiz davetlidir! ✨(Link)
  • Discord ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Discord ile kaydolun ve daha ayrıcalıklı olun 👑
  • Telegram ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Telegram ile kaydolun ve daha ayrıcalıklı olun 👑

HTML / CSS CSS Havalı Spin Animasyonu (The Flower CSS Animation)

ProxyXF

Yönetim Üyesi
Administrator
Onaylı Üye
S1 Üye
LV
7
 
Son görülme
Katılım
13 Haz 2021
Mesajlar
7,177
Ödüller
13
Web sitesi
sadece1.com
Hobi/Meslek
Webmaster | Web Uzmanı
CSS Havalı Spin Animasyonu (The Flower CSS Animation)
Web sitelerinde, kullanıcıların bir sayfa yüklenirken beklemeleri sıkça karşılaşılan bir durumdur. Bu bekleme sürecini daha keyifli ve dikkat çekici hale getirmek için sayfanızın yüklenirken bir loading animasyonu kullanabilirsiniz. Bu yazıda, basit ve etkileyici bir loading animasyonu oluşturmak için kullanabileceğiniz JavaScript ve CSS kodlarına odaklanacağız.

flower.gif


Kod:
İlk adım olarak, loading animasyonumuz için HTML yapısını oluşturmalıyız. Aşağıdaki kod parçası, temel bir HTML şablonunu içermektedir:


Şimdi, loading animasyonu için gerekli stillemeyi içeren bir CSS dosyası oluşturmalıyız.
 

A.Soma

S1 Üye
S1 Üye
Kayıtlı Üye
LV
3
 
Son görülme
Profil görüntüleniyor Jumboy
Katılım
7 May 2022
Mesajlar
339
Ödüller
8
Hobi/Meslek
Webmaster | Web Uzmanı
Gerçekten harika bir paylaşım elinize sağlık 💜
 

WhiteGirl

Yeni 1 Üye
Kayıtlı Üye
LV
1
 
Son görülme
Katılım
24 Ocak 2024
Mesajlar
3
Ödüller
2
Hobi/Meslek
Xenforo Developer | Xenforo Geliştiricisi
Teşekkürler kullanacağım
 

g3jflxsssxx

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
1
 
Son görülme
Katılım
3 Eyl 2024
Mesajlar
5
Ödüller
3
Hobi/Meslek
Programmer | Programcı
CSS Havalı Spin Animasyonu (The Flower CSS Animation)
Web sitelerinde, kullanıcıların bir sayfa yüklenirken beklemeleri sıkça karşılaşılan bir durumdur. Bu bekleme sürecini daha keyifli ve dikkat çekici hale getirmek için sayfanızın yüklenirken bir loading animasyonu kullanabilirsiniz. Bu yazıda, basit ve etkileyici bir loading animasyonu oluşturmak için kullanabileceğiniz JavaScript ve CSS kodlarına odaklanacağız.

Ekli dosyayı görüntüle 2428

Kod:
İlk adım olarak, loading animasyonumuz için HTML yapısını oluşturmalıyız. Aşağıdaki kod parçası, temel bir HTML şablonunu içermektedir:

*** Gizli metin: alıntı yapılamaz. ***

Şimdi, loading animasyonu için gerekli stillemeyi içeren bir CSS dosyası oluşturmalıyız.
*** Gizli metin: alıntı yapılamaz. ***
 

pype

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
1
 
Son görülme
Katılım
5 Eyl 2024
Mesajlar
5
Ödüller
3
Hobi/Meslek
Teacher | Öğretmen
Teşekkürler hocam deneyelim uzun süredir aradığım bir şeydi
 

kiooshima

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
1
 
Son görülme
Forum görüntüleniyor Xenforo 2.x
Katılım
26 Eyl 2024
Mesajlar
5
Ödüller
3
Hobi/Meslek
Student | Öğrenci
Teşekkürler hocam deneyelim sayenizde ilham olarak başka şeylerde yapabileceğim
 
Üst