Merhaba arkadaşlar, bu dersimde size CSS3 kullanarak hover animasyonlu resim nasıl yaparız onu göstereceğim. Kendinizi tanıtmış olduğunuz sayfalarda veya hakkınızda bölümünde vb. sayfalarda kullanabileceğiniz çok güzel bir örnek oldu bence.

css3-hover-animasyon-resim

Bu animasyonun püf noktalarından biri de tüm resim boyutlarının kesinlikle aynı olması gerekiyor. Ben 433×433 resim kullandım sizde kendinize uygun bir boyut seçerek düzenleyebilirsiniz. Dersi sade ve basit bir şekilde anlatmaya çalıştım umarım faydalı bir ders olmuştur. Dersin kaynak kodları videonun altındadır.

İzlediğiniz için teşekkürler.

 

 

Kaynak Dosyaları İndir