CSS Loading Spinner

Bir zamanlar, “yükleniyor” adı altında öyle çok gif yapıldı ki. Gerçi baktığımızda hala bu imajları kullanıyoruz. Geçenlerde yaptığım sayfa için bu imajlardan kullanaktım. Proje içerisine baktığımda bir çok imajın olduğunu, bunlardan kurtulmak gerektiğini farkettim. Günümüz CSS teknolojisi, :before ve :after elementleri yardımıyla öyle güzel şeyler yapılabiliyor ki.

İşte sadece CSS’den oluşan “yükleniyor” animasyonumuz:

See the Pen aqcip by Ibrahim Nergiz (@PhyesiX) on CodePen.

Diğer örneklere de bakacak olursak:

  • http://codepen.io/adonisk/pen/IAzbo
  • http://codepen.io/adonisk/pen/oJLge