Teknoloji Haberleri
Aşağı Git
Tüm Forumlar
Web Tasarım - Programlama
Tasarım ve grafik
Web Tasarım ve Hazır Kodlar
html5 css resim ölçeklendirme yardım
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
1
Cevap 540
Tıklama 0
Öne Çıkarma
Cevap 540
Tıklama 0
Öne Çıkarma
1. sayfa
-
html5 css resim ölçeklendirme yardım
1. sayfa
DH Mobil uygulaması ile devam edin.
Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin.
Gizle ve güncelleme çıkana kadar tekrar gösterme.
ben şu örnek sitedeki gibi https://webmaster.kitchen/ kutular içinde resmin üzerinde başlık olan fare ile üzerine gelince hafiften resim büyüyor o yapıyı öğrenmeye çalışıyorum div id si vce-featured-grid
kendimce denediğim yöntemler
HTML Kod:
<div id="box">
<img src="https://w.wallhaven.cc/full/8o/wallhaven-8o5591.jpg">
<h2>Lorem, ipsum.</h2>
</div>
CSS Kod:
*{margin: 0px; padding: 0px; box-sizing: border-box;}
#box{
width: 500px;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
background-color: tomato;
}
#box img{
width: 500px;
height: 500px;
}
#box h2{
position: absolute;
color: white;
text-shadow: 2px 2px 3px black;
}
JS JQuery Kod:
$(function() {
$("#box").click(function() {
$("#box img").css({
width:"600",
height:"600"
})
});
});
bu yöntem ile dive 500x500 px değer verdim js ile tıklama olayı gerçekleşirse resmi hafiften büyüteyim dedim verdiğim örnek sitedeki gibi bu seferde resim div den taştı overflow: hidden denedim ama beceremedim bir türlü yardım lütfen
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye Ol Şimdi DeğilÜye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.