css ile animasyon yapimi

Canlandırmalar normal olarak, sayfada statik şekiller olarak gözükür ama senin onların karşısında fareni hareket ettirdiğin zaman yaşama sıçrayacaktır.

Bu, birçok ciddi uygulamada eğlence için adile ek olarak kullanılabilir.
Bu makaleyle ben, sana temel bir canlandırmayı biçimlendirmenin nasıl olduğunu (Ve hem de ilgili metinle aynı canlandırmayı oluşturan arttırılan bir uyarlama) göstereceğim
Canlandırmalar %100 css'dir.Java Scprit kullanılmamıştır.
Bu makale için ben, Eadweard Muybridge tarafından çekilen kullanmak için elverişli resimler olduğunu düşündüm.Kendisi hareketli şekilede fotograf çekiminin öncüsü olarak kabul edilebilir.
Her resim 69kB jpg dosyasıdır.

Resim:



Bu genel bir resimdi.Biz bunları ayrı ayrı olarak kullanacağız.














Dosya boyutu giflerden çok daha küçük olacaktır.Ayrıca ziyaretçileriniz resmi diledikleri gibi oynatabileceklerdir.
 
Bu resim 108 kb dir.Css yoluyla ise 60 kb.


Şuan yanlızca bilgi verdim.Bu ilk dersimizdi.Diğer dersleri de zamanla paylaşacağım ve birikte yapacağız.