Как плавно увеличить изображение?

Question

[Сергей Бурдужа]

Добрый день.
Нужно плавно увеличить изображение после перезагрузки страницы.
Вот как тут https://www.rosolina-mare.it/

Я пытался сделать через background-size, но не получается.
Заранее благодарен за подсказку.

Answer 1

[Stalker_RED]

https://developer.mozilla.org/en-US/docs/Web/CSS/t...

Comments

[Сергей Бурдужа]

Все понятно, отличное свойство, только мне нужно увеличить фоновую картинку.

[WapSter]

Сергей Бурдужа, на твоем сайте не фон, а img

[Сергей Бурдужа]

WapSter, Это не мой сайт))
Я просто хочу использовать этот эффект как фон.

[Stalker_RED]

Сергей Бурдужа, именно это свойство (причем именно 3D) дает самый плавный результат, потому что отрисовывается видеокартой. Бекграунд будет заметно сильнее дергаться.

Причем можно без особых танцев с бубном transform origin поставить не только в центр изобращения, но и на любой "главный объект". И оно отлично анимируется через keyframes

[Сергей Бурдужа]

Stalker_RED, Спасибо за разъяснение, я так и сделал и background дергается, значит придется делать через transform.
Спасибо.

[Stalker_RED]

Сергей Бурдужа, можно к любому элементу (хоть к body) добавить псевдоэлемент с бекграундом, и анимировать весь псевдоэлемент через css.

[Сергей Бурдужа]

Stalker_RED, Понятно.