Div İçerisindeki Görselin Odaklanması “object-fit”

Div İçerisindeki Görselin Odaklanması “object-fit”

Height’ı sabit bir alanda image’ı 100% vererek doğru şekilde scale etmek biraz uğraştıran bir işti. Ta ki object-fit özelliği gelene kadar. Object-Fit sabit heightlı bir alan içerisinde imagı odaklayarak size düzgün bir şekilde göstermeye yarıyor.

olan bir img tagimiz olsun

Bu şekilde bir css ile görseli alan içerisinde odaklayabiliriz.

Örnek:

http://jsfiddle.net/danield770/Lqqh22gf/12/

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

About Bir Frontendci

Lead FrontEnd Developer, React - Node.js - Html - Css Blogger, Geology Engineer, Gamer, Foosball Player, A True Car Enthusiast..
View all posts by Bir Frontendci →

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.