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

Klasik: 100 CSS loaders for your next project

The Infinity

Sonsuzluk: 100 CSS loaders for your next project

The Dots

Noktalar: 100 CSS loaders for your next project

The Bars

Çubuklar: 100 CSS loaders for your next project

The Spinner

Spinner: 100 CSS loaders for your next project

The Continuous

Sürekli: 100 CSS loaders for your next project

The Progress

Süreç: 100 CSS loaders for your next project

The Wobbling

Yalpalama: 100 CSS loaders for your next project

The Shapes

Şekiller: 100 CSS loaders for your next project

The Pulsing

Titreşen: 100 CSS loaders for your next project

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/

Random Background Color – https://codepen.io/wolkanca/full/zYZOgwG

Kolay gelsin!

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr