Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

CSS ile Görsel Ölçeklendirme Nasıl Yapılır?


FacebookTwitterPinterestTumblrYazdır


CSS ile Görsel Ölçeklendirme Nasıl Yapılır?CSS ile ilgili faydalı ipuçlarını sizler için paylaşmaya devam ediyoruz. Bugün ise sizlerle, css görsel ölçeklendirme nasıl yapılıyor, bu yönde bilgi veriyor olacağız. Bir div içerisindeki görselin, en ve boy oranını korumak ve div içerisine sığması adına da kırpma işlemi yapmak oldukça basittir. Bunun için "object-fit" adlı CSS parametresini kullanıyor olacağız. İlgili parametre için birden fazla değer var. Belirtmiş olduğumuz gibi, en ve boy oranını koruyarak, div içerisinde uyumlu görünmesi adına kırpma işlemi sağlamak için ise aşağıdaki kodu deneyiniz.

AYRICA: CSS ile Yatay Ortalama Nasıl Yapılır?

CSS ile Görsel Ölçeklendirme Nasıl Yapılır?

.resimolceklendirme {
object-fit: cover;
}


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık