css3.jpg-Css3 İle Resme Efekt Uygulaması-2-Transition-cahitsoyman.blogspot.comBu makalemizde resim yazılarını göstermek ve gizlemek için Css3 ün Transition özelliğinden faydalanarak resim üzerinde  efekt uygulayarak resmi 180 derece döndüreceğiz.

Bu efekte; fare ile resim üzerine gelindiğinde, resim bir efektle kendi ekseninde 180 derece dönerek altında gizlenmiş olan ve resim hakkında bilgileri içeren sayfayı gösterir.

Bu örneğimizde HTML5 ile gelen Figure ve Figcaption özelliklerini kullanacağız.

Örnek görsellerimizi Figure etiketi içinde, görsele ait başlık ve açıklamaları ise Figcaption etiketi içinde göstereceğiz.   


Fare ile üzerine gelerek Görüntüleyiniz.






Anlatımı görsel olarak aşağıdaki videodan takip edebilirsiniz.