Как в CSS задать размер фона как cover + несколько процентов?

Question

[Алексей Лауд]

Есть блок с background-color, при наведении на любую часть блока нужно приблизить картинку.
Из-за того, что формат изображений может быть разным, иногда изображение оставляет пустые поля.
Пока единственным вариантом стало использование 100% 100% без наведения и 115% 115% при наведении, но это искажает изображения.

Answer 1

[Конан Варвар]

Попробуйте через transform: scale(); поиграться

Answer 2

[one_day]

:hover {
transform: scale(1.15, 1.15);
}

Comments

[Алексей Лауд]

Пробовал, тут проблема в том, что под блоком с фоном есть другая информация и по высоте он в итоге вылезает за исходные границы.

[one_day]

нужно немного структуру поменять
родитель
дочерний1
дочерний2

дочерний1 блок с вашим фоном, ему абсолютную позицию и растягиваем ширину и высоту на размер родителя, при наведении на родителя добавляем трансформ

дочерний2 блок с информацией

вот здесь на слайдере реализовано
https://fierce-island-83906.herokuapp.com