Размер картинки 700х400, размер гифки 500х468. Если ширину гифки уменьшить до 200, то высота изменится и будет равна 187 (Х=(200х468)/500=187.2). Обычная пропорция. Какими должны быть отступы, чтобы гифка оказалась в центре картинки? Ширина картинки 700px, а ширина гифки - 200, значит слева и справа имеем по 250px, но это значение надо уменьшить на стандартный отступ 8px (можно взять чуть больше, например 10px). 250-8=242. Высота картинки 400px, а гифки 187, значит сверху и снизу имеем по 106px, а с учетом отступа 98.
Теперь поместим бабочку на светлый лист розы, расположенный слева. Бабочку надо сместить влево и немного вниз. При этом второй отступ увеличивается, а четвертый уменьшается, но сумма остается прежней - 484. Первый отступ тоже станет больше, а третий меньше, но сумма останется прежней - 196.
|
|
