MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Ripbyrustavi02 avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Üzerine Gelince Büyüyen Resim Kod'u


Sponsor Reklam
media venus

Çevrimdışı Ripbyrustavi02
 Tarih: 01-09-2013, Saat:14:27
#1
Demo:
resim


Header veya index'te şık duruyor

admin kp -> şablon stil -> şablonlar -> ana sayfa şablonlar -> index
Kod:
<style type="text/css">

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

</style>






<div class="hovergallery">
<img src="http://img.webme.com/vorschau/k/kodbanks/a-galeri-kaleici_k.jpg" />
<img src="http://img.webme.com/vorschau/k/kodbanks/kodbanks-muh-kuslari-11.jpg" />
<img src="http://img.webme.com/vorschau/k/kodbanks/tunceli.jpg" />
<img src="http://img.webme.com/vorschau/k/kodbanks/1.bmp" />
<img src="http://img.webme.com/vorschau/k/kodbanks/11.at.jpg" />
<img src="http://img.webme.com/vorschau/k/kodbanks/1301249.jpg" />
</div>
Cevapla
Bunu Beğenenler: Screwy
Sponsor Reklam
sponsor reklam sponsor reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.6] Üstüne Gelince Açılan Duyuru [Sol Tarafta] Çok Kolay Yapım sametsametgs 3 1,996 12-07-2014, Saat:01:37
Son Yorum: aekhack



Konuyu Okuyanlar: 1 Ziyaretçi