Arkadaşlar; web sitemizdeki tüm görseller için mouse üzerine gelince hafif büyüsün istiyoruz.
Bunu nasıl yapabiliriz acaba?
Görseller, mouse üzerine gelince büyüsün
13
●280
- 10-09-2020, 12:07:44
<!DOCTYPE HTML><html lang="en-US"><head>****<meta charset="UTF-8">****<title>cArleone</title>****<style type="text/css">********.zoom{width:330px;height:210px;backgr ound-image:url(metro-slider-3.png);background-position:center;background-repeat:no-repeat;background-size:330px 210px;transition:background-size 1s;-webkit-transition:background-size 1s;-moz-transition:background-size 1s;-o-transition:background-size 1s; }********.zoom:hover{background-size:530px 310px;}****</style></head><body><div class="zoom"></div></body></html> - 10-09-2020, 12:07:59hover ekleyeceksiniz basit bir olay
a:hover {
background-color: yellow;
}
Örnekteki gibi araştırma yapıp hemen bulabileceğiniz bir konu - 10-09-2020, 12:08:00css ile yapabilirsin ,
https://w3bits.com/labs/css-image-hover-zoom/
https://w3bits.com/css-image-hover-zoom/ - 10-09-2020, 12:08:14
- 10-09-2020, 12:22:31Bunun için çok fazla yapılabilecek işlem var. Eğer sitenizde bulunan bütün görseller imleç üstüne geldiğinde büyüsün isterseniz sitenizin css koduna şunu yazınız :matiyilmaz adlı üyeden alıntı: mesajı görüntüle
img{
-ms-transition : 1.5s ease-in-out;
transform: 1.5s ease-in-out;
}
img:hover{
-ms-transform:scale(1.02);
transform: scale(1.02);
}
NOT : Bu yöntem ile elementin ilk çözünürlüğü hedef boyuna render edilene kadar aynı kalacağı için blur efekti verilmiş gibi olur. - 10-09-2020, 18:59:51@resatyildiz; hocam çok oluyorum ama
Şey yapılabilir mi. Ekstradan görsellerin üzerine gelince resim hafif koyulaşsın veya rengi açılsın.
