Как работает свойство background-position при работе с отрицательными значениями?

При использовании отрицательных значений свойства background-position фоновое изображение смещается в противоположном направлении на соответствующей оси. css-live.ru

Например, значения -10% -30% сместят изображение на 10% влево от левого края и на 30% вверх. css-live.ru

Это происходит потому, что при использовании background-position нужно задавать разницу между координатами точки начала отсчёта (0 и 0) и координатами места на фоновом изображении. qna.habr.com Точка отсчёта — верхний левый угол элемента. qna.habr.com spravka.seodon.ru