Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Define art direction that can be scaled ( responsive image, just one image ) Reply To: Define art direction that can be scaled ( responsive image, just one image )

#242659
Beverleyh
Participant

OK – I can see your pic now.

Yes, the “Fixed Ratio Resize” and “Target Ratio Resize” methods can both be modified to your needs (what I’m interpreting to be your needs, anyway). Its just a question of understanding the behaviour of the CSS properties and tweaking the values to get it to do what you want, most notably the ‘background-size’ property, which you’ll not want as ‘contain’ – you’ll want to use a fluid % value instead. And adjust the padding-top to whatever ratio you need. e.g This example uses a 1920 x 1180 wallpaper that is cropped in to show only the upper-right corner http://codepen.io/anon/pen/MeaZaz