Logo ve resimlerinize CSS ile zoom efekti

[osdem66]

Merhaba sitenizdeki resimlere ve logonza mouse ile üzerine gidildiginde zoom efekti vermek..

Hnagi versiyon gibi sorular sormanıza gerek yok kod css kodudur ve bütün versiyonlarda hatta bütün sitelerde, temalarda,scriptler de vsvs de İE dışındaki tüm tarayıcılarda çalışır..
DEMO
Temanızın stylesheet.css dosyasını acını ve bu kodu bulun:

a img {
	border: none;
}

Bununla degiştirin:

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);
}

 

[tutku3441]

Ben Aynen Uyguladım Ama Farklı Bi Durum Olmadı

Sahibinden Herşey

 

[blue021433]

Çok güzel eklendi 1.5.1.3 de denedim sorunsuz uygulanabiliyor.

 

[zdezen]

Ben Aynen Uyguladım Ama Farklı Bi Durum Olmadı

Sahibinden Herşey

tarayıcı uyumsuzluğu olabilir?

 

[el.aciz]

Eyvallah Abim.
Paylaşımın için teşekkürler.

 

[alkimoberon]

elinize sağlık sorunsuz çalışıyor

 

[piryapos]

bende denedim hiç bir şey olmadı sayfayı yeniledim gene olmadı

 

[adanablue]

teşekkürler Hocam!

Çalıştıramayan Arkadaşlar Birde Mozilla Firefox denermisiniz ?

Mozilla Firefox çalışıyor

 

[poseidon1300]

Teşekkürler
Yararlı bir paylaşım

 

[buraksahin]

hocam aklıma gelmemişti bu uyguladım çok güzel oldu teşekkürler..

 

[GENERAL25]

logo ve afişlerde iptal edebilsek çok daha güzel olur..Yani sadece ürünlerin üzerine gelince yapabilsek mükemmel olur.

 

[bilginoktasi]

sadece mozillada çalışıyor diğer tarayıcılarda çalışmıyor.. bilginize