HTML - CSS İmage Hover Efekti

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

HTML - CSS İmage Hover Efekti

13/Tem/17 01:45 Kısayol Şikayet Özel Mesaj

visualeffects

Banlanmış Üye

Kayıt Tarihi: 04/Nisan/2012

İyi geceler,

html'de hover efekti (bir img'nin üzerine mousela gelince beyazlaşması gibi) nasıl yapabilirim en basit şekilde?

Alıntı yap
13/Tem/17 02:05 Kısayol Şikayet Özel Mesaj

nurulmac11

Kayıt Tarihi: 04/Ağustos/2012

https://jsfiddle.net/n280yf5z/1/

https://jsfiddle.net/n280yf5z/

ps: resimleri degistirirsin, google da ilk cikanlari koydum direk
nurulmac11 tarafından 13/Tem/17 02:06 tarihinde düzenlenmiştir

black implies white, self implies other, life implies death.

Alıntı yap
13/Tem/17 02:18 Kısayol Şikayet Özel Mesaj
visualeffects

Banlanmış Üye

Kayıt Tarihi: 04/Nisan/2012
nurulmac11 bunu yazdı

https://jsfiddle.net/n280yf5z/1/

https://jsfiddle.net/n280yf5z/

ps: resimleri degistirirsin, google da ilk cikanlari koydum direk

teşekkürler hocam şu kodlarla hallettim;
```
.film {
  background-color: #ffffff
}
.film:hover img {
  opacity: 0.5;
}
```
fakat başka bir sorum var;

resimlerin konumlarını nasıl ayarlayabilirim? yan yana ve ortada sıralanmasını istiyorum?
Alıntı yap
13/Tem/17 02:23 Kısayol Şikayet Özel Mesaj
nurulmac11

Kayıt Tarihi: 04/Ağustos/2012
visualeffects bunu yazdı

nurulmac11 bunu yazdı

https://jsfiddle.net/n280yf5z/1/

https://jsfiddle.net/n280yf5z/

ps: resimleri degistirirsin, google da ilk cikanlari koydum direk

teşekkürler hocam şu kodlarla hallettim;

.film { background-color: #ffffff } .film:hover img { opacity: 0.5; }

fakat başka bir sorum var;

resimlerin konumlarını nasıl ayarlayabilirim? yan yana ve ortada sıralanmasını istiyorum?
istediğin şu mu : yanyana kutucuklar içinde resim olsun ve her biri kendi divinde ortalı olsun? dikey olarak ortalamaktan bahsediyosan background olarak atamak en kolay olanı ya da şurdaki çözümlere bakıp hoşuna gideni kullan :

https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div

black implies white, self implies other, life implies death.
Alıntı yap
13/Tem/17 12:36 Kısayol Şikayet Özel Mesaj

SpermMan

Kayıt Tarihi: 12/Haziran/2007

Zamanında şöyle bir yazı yazmıştım.

http://www.yunusbassahan.com/blog/css/css-ile-webkit-tarayicilarda-hover-efektleri-webkit-filter.html

-

Alıntı yap
14/Tem/17 00:05 Kısayol Şikayet Özel Mesaj
wert

Kayıt Tarihi: 19/Eylül/2005
```
<style>
.tbt{
  opacity:1;
  transition: all 0.2s;
}
.tbt:hover{
  opacity:0.5;
}
</style>
<img src="https://www.tahribat.com/img/asset/tbt.png" class="tbt">
```
wert tarafından 14/Tem/17 00:06 tarihinde düzenlenmiştir

|sadece aptalların başarısı ders notu ile ölçülür|
Alıntı yap

Toplam Hit: 1132 Toplam Mesaj: 6
css html hover

Cevapla