[csswg-drafts] [css-backgrounds]/[css-images]: Proposal add image-center definition for auto sizing images (#5919)

SetTrend has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-backgrounds]/[css-images]: Proposal add image-center definition for auto sizing images ==
Very often I find myself using asymmetric images.

When I use the `cover` sizing rule on those images, it regularly happens that important parts get cropped or unimportant parts, like bosoms, are the only thing left after rotating a device.

So, I'd like to propose to create a new CSS rule, allowing to provide the center point around which the image is centered when `cover` is used.

The proposed new rule may accept the same values as the [`background-position`](https://drafts.csswg.org/css-backgrounds-3/#background-position) rule.

I suggest the following names for the proposed attribute: `background-image-center` and `object-center`.

Here's an animation, depicting the suggested rule and behaviour:

![Proposal - Background image center](https://user-images.githubusercontent.com/9283914/106632767-6766b100-657e-11eb-9b8e-d5b10a6f5377.gif)


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5919 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 2 February 2021 16:54:00 UTC