Konu: modsuz resim boyutlandırma Smf Tüm Sürümler  (Okunma sayısı 1358 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

18 Şubat 2014, 18:58
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

efectli bir şekilde resim boyutlandırma css ile
index.css bul
Kod: [Seç]
.bbc_img
{
border: 0;
}
değiştir
Kod: [Seç]
.bbc_img
{
    width:300px;
border: 0;
}
.bbc_img:hover
{   
animation: zoomInPhoto 3s 1 linear;
-moz-animation: zoomInPhoto 3s 1 linear;
-webkit-animation: zoomInPhoto 3s 1 linear;
-o-animation: zoomInPhoto 3s 1 linear;
width:70%;
opacity:1;
cursor:pointer;
}

@keyframes zoomInPhoto{
0% {width:50%; height:50%; opacity:0.3;}
50% {width:60%; height:60%; opacity:0.7}
100% {width:70%; height:70%; opacity:1;}
}

@-moz-keyframes zoomInPhoto{
0% {width:50%; height:50%; opacity:0.3;}
50% {width:60%; height:60%; opacity:0.7}
100% {width:70%; height:70%; opacity:1;}
}

@-webkit-keyframes zoomInPhoto{
0% {width:50%; height:50%; opacity:0.3;}
50% {width:60%; height:60%; opacity:0.7}
100% {width:70%; height:70%; opacity:1;}
}

@-o-keyframes zoomInPhoto{
0% {width:50%; height:50%; opacity:0.3;}
50% {width:60%; height:60%; opacity:0.7}
100% {width:70%; height:70%; opacity:1;}
}

width height değerlerini kendinize göre düzeltebilirsiniz
demo http://teknoromi.com/index.php?topic=1915.0


19 Şubat 2014, 09:51
Yanıtla #1
  • *
    • İleti: 178
    • Karma: 3
    • buyuknet
    • Profili Görüntüle

sitenin resım boyutlandırma ozellıgı var aslında  ama buda iş görür gibime geliyor





04 Ocak 2015, 09:18
Yanıtla #2
  • *
    • İleti: 51
    • Karma: 0
    • Adalet Kılıcı Herkesi Kesmeli
    • http://www.dinogretmeni.com/
    • Profili Görüntüle

modsuz resim boyutlandırma Smf Tüm Sürümler
güzelmiş paylaşım için elinize sağlık.