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;
}
Yorum bulunmamaktadır.