360 Derece Dönebilen Özelliği
Merhaba WebPaylaşım ZiyaretçileriÇok Güzel Bir Özellik Bence. Bende Kullanıyorum Ben Resime Özellil Verdiniz Resmin Üzerine Gelince 360 Derece Dönüyor. Neyse Daha Fazla Konuşmadan Konuma Geçiyorum.
Aşşağıdaki CSS Kodlarını Sitemizin CSS Dosyasına Koyalım .
[xml]#social a:hover {</strong>
<strong>background-color: transparent;</strong>
<strong>opacity:0.7;</strong>
<strong>}</strong>
<strong>#social img {</strong>
<strong>-moz-transition: all 0.9s ease-in-out;</strong>
<strong>-webkit-transition: all 0.9s ease-in-out;</strong>
<strong>-o-transition: all 0.9s ease-in-out;</strong>
<strong>-ms-transition: all 0.9s ease-in-out;</strong>
<strong>transition: all 0.9s ease-in-out;</strong>
<strong>}</strong>
<strong>#social img:hover {</strong>
<strong>-moz-transform: rotate(360deg);</strong>
<strong>-webkit-transform: rotate(360deg);</strong>
<strong>-o-transform: rotate(360deg);</strong>
<strong>-ms-transform: rotate(360deg);</strong>
<strong>transform: rotate(360deg);</strong>
<strong>}</strong>
<strong>[/xml]
Şimdi resim nesneleri üzerinde nasıl aktif hala alıcak derseniz, aşağıdaki bulunan divlerin arasına 360 derece döndürmek istediğiniz kodları yapıştıracaksınız.
[xml]</strong>
<strong><div id="social"></strong>
<strong>360 derece döndürmek istediğiniz nesnelerin kodlarını buraya yazın.</strong>
<strong></div></strong>
<strong>[/xml]
Demoyu Sağ Üstte Facebook Adresleri Flan Filan Oradan Bakabilirsniz
Yorumlar
Yorum Gönder