Kategoriler
CSS

object-position: CSS ile Boyutlandırılmış Resimleri Konumlandırma

Bir önceki yazımızda object-fit ile görselleri nasıl kırpıp boyutlandırabileceğimizden bahsetmiştir. object-position özelliği ile kırptığımız görsellerin kırpma konumlarını ayarlayabiliriz. object-position özelliği, object-fit özelliği ile bağlantılı olarak kullanılır. Örneğin, bir video veya resim olarak bir eleman içeriği-kutu içinde, X / Y koordinatları ile nasıl konumlandığı belirler. Bu özellik, 0 10% veya 0 10px gibi iki sayısal değer […]

Kategoriler
CSS

object-fit: CSS Resimleri Ölçeklendirmek

Kullanıcı görsellerini, ürün resimlerini vb ekranda gösterirken boyutların uyumsuzluğu her zaman tasarımcıları mutsuz etmiştir. Bu nedenle tasarımcılar hazırladıkları tasarımlarda katı görsel kurallar koymayı severler. Ancak müşteri/kullanıcı her zaman bu kuralları esnetmek ister. Bu nedenle FrontEnd tasarımcıları HTML ve CSS kullanarak çeşitli hilelerle görsel düzeni bozan resimlerin kırpılmasını ya da boyutlandırılmasını ayarlamaya çalışırlar. Ancak bu işlemler […]