CSS правильные способы увеличения фонового изображения - PullRequest
0 голосов
/ 10 октября 2018

Функция CSS scale () в сочетании с переходом и преобразованием элемента div с фоновым изображением становится размытой при увеличении изображения высокого качества.

Каковы лучшие способы увеличения высококачественных изображений в CSS (пожалуйста, только свойства фона) с меньшим размытием?

Я использую этот CSS:

    .grow { transition: all 4s ease-in-out; }
    .grow:hover { transform: scale(2); }

1 Ответ

0 голосов
/ 10 октября 2018

Вы можете использовать background-size: 100%, чтобы покрыть весь контейнер изображения.Затем используйте background-position для панорамирования и увеличения определенных частей изображения

...