Bu kod da aslında önemli bir koddur. Önceki konuda bahsettiğim gibi bu kod da resmin var olup olmadığını anlatır ve kullanıcını bir jqury kodu zannetmesini sağlar oysaki bunu gibi birçok efek jquery 'ye benzer. Bu kodun kullanım amacı ise dikkat çekerek resimleri bir oyun haline getirmektir.

Sadece chrome'da çalışır !


img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

img:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
 }

Önizlemesi

  Css 3 ile Resimlere Zoom Efekti Vermek 

Yardım isteklerinizi lütfen yorumlar kısmına yazmayın. İletişim formundan bana ulaşabilirsiniz.