Resim renksiz{siyah-beyaz} oluyor ve üzerine gelince kendi renklerini alıyor. Bunu CSS ile nasıl yapabilirim acaba?
Birkaç sitede görmüştüm gerçekten hoş bir görüntü oluyor.
Ek Olarak: Bilen yok mu ya koskoca forumda!?
CSS ile Resmi Siyah-Beyaz Yapma? Yardım! |
7 Mesajlar | 5.502 Okunma | ||
- Üyelik 06.07.2011
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad A** K**
- Mesajlar 2503
- Beğeniler 64 / 327
- Ticaret 23, (%100)
- Üyelik 11.06.2011
- Yaş/Cinsiyet 28 / E
- Meslek M.I.S
- Konum
- Ad Soyad B** S**
- Mesajlar 771
- Beğeniler 75 / 73
- Ticaret 0, (%0)
Bu css ile değil jquery ile yapılıyor.
- Üyelik 20.11.2011
- Yaş/Cinsiyet 28 / E
- Meslek PHP Coder
- Konum Muğla
- Ad Soyad U** D**
- Mesajlar 1070
- Beğeniler 210 / 209
- Ticaret 41, (%98)
opacity diyeceğim ama, o değil heralde..
- Üyelik 28.09.2011
- Yaş/Cinsiyet 29 / E
- Meslek Makina Mühendisi
- Konum Bursa
- Ad Soyad H** K**
- Mesajlar 87
- Beğeniler 18 / 15
- Ticaret 2, (%100)
filter:gray ver ve hover fonksiyonunda da kaldır. Çözüm yolu olabilir.
- Üyelik 06.07.2011
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad A** K**
- Mesajlar 2503
- Beğeniler 64 / 327
- Ticaret 23, (%100)
Bu css ile değil jquery ile yapılıyor.
Peki ama nasıl!?
opacity diyeceğim ama, o değil heralde..
Yok o değil.
filter:gray ver ve hover fonksiyonunda da kaldır. Çözüm yolu olabilir.
Denedim daha önce olmadı malesef.
- Üyelik 19.10.2011
- Yaş/Cinsiyet 37 / E
- Meslek Bilgisayar
- Konum
- Ad Soyad ** **
- Mesajlar 564
- Beğeniler 160 / 115
- Ticaret 0, (%0)
İstediğin şu sanırım senin:
head tag arasına:
uygulayacağın kod:
css dosyan:
body tagları arasına:
Örnek çalışma:
yukarıdaki gibi olmalı.
Demo ve Kaynak
head tag arasına:
<script></script>
uygulayacağın kod:
<script>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
});
</script>
css dosyan:
body tagları arasına:
Örnek çalışma:
jQuery Hover Effect
<script></script>
<script>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
});
</script>
yukarıdaki gibi olmalı.
Demo ve Kaynak
- Üyelik 28.10.2011
- Yaş/Cinsiyet 28 / E
- Meslek 1337
- Konum İzmir
- Ad Soyad R** S**
- Mesajlar 1843
- Beğeniler 1008 / 403
- Ticaret 21, (%100)
Ahmet bu işini görebilir ;)http://www.rss-ems.com/blog/2691-css-filter-effects-1-0-30-01-2012
1337
Konuyu toplam 6 kişi okuyor. (0 kullanıcı ve 6 misafir)