MyBB Depo Forum
mybb.com.tr tarzı logo efekt - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: mybb.com.tr tarzı logo efekt (/mybb-com-tr-tarzi-logo-efekt-konusu.html)

Sayfalar: 1 2


mybb.com.tr tarzı logo efekt - AttAcK.58 - 20-07-2012

arkadaşlar mybb.com.tr deki gibi logonun üzerine gelindiğinde logomun saydamlaşmasını istiyorum.bunu yaptım fakat mouse logonun üzerine geldiğinde hemen saydam oluyor.bn mctr deki gibi yavaş yavaş saydam olmasını istiyorum bana yardım edebilirmisiniz?


mybb.com.tr tarzı logo efekt - AttAcK.58 - 20-07-2012

sanıyorsam bu şekilde ama olmuyor.
Kod:
.logo {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.logo:hover {
    opacity: 0.5;
}



mybb.com.tr tarzı logo efekt - Flaxes - 20-07-2012

Koddaki opacity: 0.5 ile oynarsan değişebilir bence denedin mi hiç opacity: 1 yada 2 falan yapmayı dene bence bu opacity ile alakası olabilir.


mybb.com.tr tarzı logo efekt - zolsauza - 20-07-2012

Jquery adı verilen bir çeşit script kullanarak, üst üste bulunan iki resimden birisinin maus ile üstüne gelindikten sonra yavaş yavaş kaybolarak yerini alttaki resime bırakması sonucu oluşan görüntü olduğunu sanıyorum, css kullanarak yapılamaz fikrime göre, fakat bunu genellikle gizli tuttukları için ki şu ana kadar paylaşanı görmedim, sanırsam çoğu kişi tarafından bilinmediği için gizlenmekte şuanda başkalarının işini bozmak istemem malesef paylaşamayacağım, isterlerse ilgili kişiler size anlatırlar zaten Gülümseme. bu mesajı sadece zaman kaybetmemenizi istediğim için yazdım, fakat yapmakta kararlıysanız o çeşit logo kullanan sitelerin css ve js kodlarını dikkatli süzmenizi öneririm, Kolay gelsin iyi günler Gülümseme


Cvp: mybb.com.tr tarzı logo efekt - xpserkan - 20-07-2012

(20-07-2012, Saat:10:10)zolsauza Adlı Kullanıcıdan Alıntı: Jquery adı verilen bir çeşit script kullanarak, üst üste bulunan iki resimden birisinin maus ile üstüne gelindikten sonra yavaş yavaş kaybolarak yerini alttaki resime bırakması sonucu oluşan görüntü olduğunu sanıyorum, css kullanarak yapılamaz fikrime göre, fakat bunu genellikle gizli tuttukları için ki şu ana kadar paylaşanı görmedim, sanırsam çoğu kişi tarafından bilinmediği için gizlenmekte şuanda başkalarının işini bozmak istemem malesef paylaşamayacağım, isterlerse ilgili kişiler size anlatırlar zaten Gülümseme. bu mesajı sadece zaman kaybetmemenizi istediğim için yazdım, fakat yapmakta kararlıysanız o çeşit logo kullanan sitelerin css ve js kodlarını dikkatli süzmenizi öneririm, Kolay gelsin iyi günler Gülümseme

Çok yanılıyorsunuz hocam, ben css ile basit bir şekilde uyguladım bu işlemi + üsteki arkadaş zaten kodları siteden çekip yayınlamış..

Kod:
.logo {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.logo:hover {
    opacity: 0.5;
}

Css3 ile artık yapılamayacak iş yok , aklınıza gelen herşeyi css3 tekniği ile yapabiliyorsunuz, zaten günümüzde de tarayıcılar epey geliştiler neden eski sürümlere göre ayak uyduralım ki..

Kısaca logo'ya yansıma efekti gibi işlemler için ''Jquery'' vs. kullanmaya gerek yok, hemen hemen her türlü efekt css3 tekniği ile tek resim üzerine yapılıyor.


mybb.com.tr tarzı logo efekt - AttAcK.58 - 20-07-2012

teşekkürler xpserkan

kodları çekmemin sakıncası yok değil mi?


mybb.com.tr tarzı logo efekt - zolsauza - 21-07-2012

Çok teşekkürler bende öğrenmiş oldum Gülümseme teknolojiyi takip edemiyorum pek Dil Çıkarma
Alıntı: olduğunu sanıyorum
yazmamın sebebi emin olmamamdı zaten kızmayın lütfen Gülümseme


mybb.com.tr tarzı logo efekt - Burem - 22-07-2012

Peki Bu Kodlar Nereye Ekleniyor.