Css Üstadlarına Bir Soru

13-05-2021, 19:26:10

https://www.sanagrafi.com/css-ile-resim-kirpma-kesme/

Buradaki gibi fotoğrafı kırpıyorum fakat kırptıktan sonra büyütüp tam ekran yapmak istiyorum. Nasıl yapabilirim?
Aşağıdaki resimde kırmızı oklarla gösterdiğim kısmı resmin oranını bozmadan büyütmek istiyorum.

13-05-2021, 19:28:01

#2

FSahin

Object-fit: cover

13-05-2021, 19:32:24

#3

osal

FSahin adlı üyeden alıntı: mesajı görüntüle

Object-fit: cover

bu yukarıdaki örnekte nasıl yazmalıyız hocam

13-05-2021, 19:35:24

#4

kozanfirmam

Sağ tık ile kod kısmını bulun img olan ekleme yapınız

13-05-2021, 19:37:23

#5

osal

kozanfirmam adlı üyeden alıntı: mesajı görüntüle

Sağ tık ile kod kısmını bulun img olan ekleme yapınız

FSahin adlı üyeden alıntı: mesajı görüntüle

Object-fit: cover

aşağıdaki kırmızı ok ile çizdğim yere mi eklemem gerekiyor? Üst kısma da kırmızı ile çizdiğim kısma da ekledim maalesf olmadı

13-05-2021, 19:38:20

#6

tolgaand

osal adlı üyeden alıntı: mesajı görüntüle

aşağıdaki kırmızı ok ile çizdğim yere mi eklemem gerekiyor?

evet.

.image-container img {
   ...
   object-fit: cover;
}

13-05-2021, 19:39:02

#7

kozanfirmam

Hocam resme uyumlu diğer kodlar vardır veya el css ile de olur

13-05-2021, 20:00:48

#8

osal

Eklediğim kod ve görüntüsü bu şekilde çıkıyor "Object-fit" kısmını silsemde aynı görüntü çıkıyor