alexa  Menu
loading-yapimi-css-ve-html
CSS3 ve HTML ile “Loading..” yapımı (spinner)

  18.01.2015 ,   5 yorum ,   3.069 kez okundu.


Sayfalarımızda “yükleniyor” mesajı vermek için çoğu kez animasyonlu gif resimler kullanıyoruz. Loader adlandırdığımız bu resimleri aslında CSS3 ve HTML kullanarak kolayca yapmamız mümkün. Yazımda paylaşacağım kodları kullanarak siz de artık loaderlarınızı CSS ve html ile yapabilirsiniz.

1. Adım

Öncelikle body etiketleri arasına aşağıdaki kodları yapıştıralım.

2. Adım

sayfamızın üst kısmında head etiketleri arasına style kodlarımızı ekleyelim. İsterseniz bu kodları harici css dosyası oluşturarak da kullanabilirsiniz.

işte bu kadar basit. Örnek uygulamayı buradan görüntüleyebilirsiniz.

Aslında bu paylaşımlar benim için de not niteliğinde. Lazım oldukca buradan kullanırım ben de 🙂

iyi çalışmalar dilerim herekese 🙂 Faydalı olduysa arkadaşlarınızla paylaşabilirsiniz 🙂

1 yıldız2 yıldız3 yıldız4 yıldız5 yıldız (No Ratings Yet)
Loading...

5 yorum / geribildirim
  1. 18.01.2015, 23:21:25 tarihinde Mehmet demiş ki:

    Çok Teşekkürler Yararlı Bir Paylaşım

  2. 21.05.2015, 0:54:54 tarihinde resid demiş ki:

    tesekkurler..

  3. 26.05.2015, 23:53:56 tarihinde premium hesaplar demiş ki:

    İşte aradığım kodlar. Çok teşekkürler.

  4. 01.07.2015, 17:47:23 tarihinde Ilqar demiş ki:

    Təşəkkürlər paylaşım üçün.

Güvenlik kodu *