Monday, May 16, 2016

Yorum yok

resimlere zoom efekti verme css kodu

Siteniz için resimlere efect verme

Web sitenize ekleye bileceğiniz harika bir css resme efect verme kodu. Tüm platformlar için uygundur bu eklenti sayesinde sitenizdeki linkli resimler imleç üzerine gelince zoom efekti verecektir. Kodu kopyalayıp css alanına eklemeniz yeterli. Blogger kullanıcıları içinde:

a img {
    
bordernone;
}  

bu kodu  ctrl-f yardımıyla bularak kodu altta vermiş olduğum zoom efekti koduyla değiştirmeleri gerekir




CSS kod

a img {
    border: none;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} 

0 yorum:

Post a Comment