THE FUTURE KODLAR





Html ve Css İle Loader Yapma




Merhabalar,


Bu yazımda Html ve Css kullanarak nasıl Loader yaparsınız bundan bahsedeceğim. Bu özellik web siteleri açılırken yada herhangi bir sayfanın gecikme süresi (ms) boyunca kullanıcılarınızın yüklenme anını değil yapacak olduğumuz loader'i görmelerini sağlıyor. Oldukça basit bir kodu var umarım beğenirsiniz.


Bu kodları, div etiketimizin içerisinde bir loader oluşacak şekilde yazacağım.


Hadi başlayalım;



Yukarıdaki Html kodlarımızda Css kodlarımızı yazdığımız zaman loaderimizin görünür olması için bir div etiketi açıyoruz.




Loader'in rengini vb. özellikleri kendinize göre düzenleyebilirsiniz.



Evet buradaki Css kodumuz ile oluşturduğumuz div etiketimizin içerisinde bir loader oluşturuyor; bu loaderin rengini, dönme hızını, dönme yönünü vb. özelliklerini belirliyoruz. Css ile yapacağımız temel işlerde bu kadar.


İnceleyebilmeniz için Codepen üzerinden de size yapılan işlemi bırakayım.


See the Pen Untitled by Hüseyin Çınar (@huseyin-cinar) on CodePen.


Evet sizde bu şekilde test edebilirsiniz. Umarım işinize yarar.


Mutlu Kodlamalar :)



Powered & coded by Hüseyin Çınar

All Rights Reserved