Bu üsul çox sadədir. Əvvəllər hansısa bir saytı dizayn etdiyimizdə şəkilləri səliqəli formada kəsmək olduqca çətin idi. Bunun üçün Container kimi bir div işlədib əlavə olaraq ona overflow:hidden porpertisini tətbiq edirdik bu isə kod sətirlərinin uzanmasına gətirib çıxarır. CSS 3 dəki yeni method isə olduqca sadədir. Kəsmək istədiyimiz şəkilə sadəcə aşağıdakı propertini tətbiq etsək hər şeyi css özü həll edəcək.
img {
object-fit: cover;
}
Kod olaraq görmək üçün:
Bundan əlavə olaraq object-fit in coverdən əlavə başqa formalarıda var nümunə aşağıdakı şəkildə verilmişdir.
Digər object-fit dəyərlərinə baxmaq üçün Github adresimdən Object fit faylına baxa bilərsiniz.
