Css Hover Gecis Efektleri-5-Transitions ve Animations -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 bir uzaklaştırma görüntüsü verdikten sonra,  rotation (rotasyonla, dönme) ile başlık ve açıklamalarımızı içeren  sayfamızın 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.