Kategoriler
Kodlama

100 adet CSS loading

Bir sonraki projenizde kullanabileceğiniz 100 adet CSS loader.

Eğer yaptığınız web sitesi/uygulama süper hızlı değilse loading/yükleyici animasyonları kullanmayı düşünürsünüz. Çoğumuz süper hızlı değiliz ve burada verilen “Pure CSS”(sadece CSS) loading animasyonlarından kullanabiliriz.

WEb’den loading animasyonları aramayı bırakabilirsiniz, sanıyorum bu en basitinden en süslüsüne 100 farklı CSS loading animasyon koleksiyonu size yetecektir. Elbette kendinize göre farklılıklar katabilirsiniz.

Table of content

The Classic

The Infinity

The Dots

The Bars

The Spinner

The Continuous

The Progress

The Wobbling

The Shapes

The Pulsing

Kaynak: @ChallengesCss

Hepsi bu!

Daha fazlası için Twitter’dan takipte kalın! Aşağıdakiler de hoşununza gidebilir:

100+ adet Altçizgi CSS hover koleksiyonu: Menüleriniz ve linklerinize CSS ile hover animasyonları ekleyin.
Rastgele renk, JavaScript: Rasgele renk kodu oluşturan bir fonksiyon yazıp bunu sayfanın arka planını değiştirmesini sağlayan bir örnek.
HTML ve CSS ile Özel Onay Kutuları

Ayrıca şu da hoşunuza gidebilir: https://volkan.pages.dev/

Kolay gelsin!