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 )
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