Yıldızlarla Yükleniyor Animasyonu (Spinner)

yildiz-spinner-loading Web sayfanızdaki yüklenme işlemlerinizin uçuşan yıldızlardan oluşan bir animasyonla süslenmesini ister misiniz? Georgi tarafından hazırlanan bu şık tasarım sayesinde bir canvas öğesini JavaScript ile süsleyebilir, bu yapıyı oluşturabilirsiniz.

Hazırsanız yıldızlardan oluşan yükleniyor animasyonunu birlikte oluşturalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


CSS ile Facebook Loading (Spinner)

css-facebook-loader-spinnerFacebook‘un kendine has tasarımının en dikkat çekici öğelerinden biri de ‘yükleniyor’ animasyonları. Spinner ve loader diye de tanımlanan bu öğeler CSS ile kolaylıkla hazırlanabilir.

Bu makalemizde klasik bir listeleme (ul) yapısını Facebook’un spinner öğesine çevireceğiz ve bütün bu işlemi sadece birkaç satır CSS kodu ile yapacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Sadece CSS ile Loading Animasyonu

css-loadingCSS3‘ün animasyon desteği, önceleri GIF ve SWF gibi formatlarda hazırladığımız loading tasarımlarını birkaç satır kod ile yapılabilir kılıyor. Animasyon efektlerinin infinite (sonsuz) desteği sayesinde de bu küçük tasarımları loop (döngü) halinde kullanabiliyoruz.

Bu dersimizde sadece CSS ile şık bir loading animasyonu hazırlayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku