Css Hover Geçiş Efektleri-cahitsoyman.blogspot.com
Bu yazımızda,  Css geçişleri ile küçük resimler üzerinde efektler oluşturmaya çalışacağız. Örneğimizde küçük resmin üzerine gelindiğinde resmimizle ilgili açıklamaları ekrana getirmeyi  Css 3 ün bazı geçiş efektleri ile göstermeye çalışacağız.

Yapacağımız örnekte efektimizi; scale (ölçek) dönüşümü sayesinde ve opaklık seviyesini ayarlayarak görüntüyü yakınlaştırdıktan sonra, görüntü konusundaki başlık ve açıklamalarımızı içeren  sayfamızı öne çıkararak  yakınlaştırılmasını gerçekleştireceğiz.

Örneğimizdeki görselleri figüre etiketi içinde, görseller hakkında ki başlık ve açıklamalarımızı da figcaption etiketi içinde göstereceğiz.


Şimdi html kodlarımızı yazmaya başlayalım.
Önce <h1> etiketleri arasında başlık yazımızı Css Hover Gecis Efektleri Transitions ve Animations  şeklinde oluşturalım.

Sonra da görüntülerimizi ve görüntülerimizle ilgili diğer tüm bilgileri içeren kapsayıcı bir div oluşturalım.
Kaynak Kodları İNDİR

Anlatımın devamını aşağıda ki videodan veya youtube linkinden görsel olarak takip edebilirsiniz.