Как использовать анимацию наведения курсора на фоновое изображение на веб-страницах и блоках

Вы можете добавить взаимодействие к галереям изображений и фонам изображений, чтобы привлечь и удержать внимание посетителей. Существует несколько популярных предустановок для анимации наведения на фон изображения, включая увеличение и уменьшение, изменение размера и слайд, которые можно применить к фоновому изображению. Выберите их на панели наведения изображения при редактировании свойств справа.
Анимация наведения на фон изображения

Увеличение фона изображения при наведении курсора

Эффект увеличения — это самый простой эффект анимации для фоновых изображений или галерей изображений. Это самая ожидаемая реакция, которая может возникнуть при наведении курсора на изображение. Чтобы включить эффект увеличения, добавьте или выберите галерею изображений или группу и измените свойства наведения на панели свойств.

Уменьшение фона изображения при наведении

Уменьшение масштаба — это сопряженный эффект масштабирования, который также популярен для фоновых изображений или галерей изображений. Наведя курсор на изображение, вы можете использовать его в качестве альтернативы, чтобы сделать ваши веб-страницы интересными. Чтобы включить эффект уменьшения, добавьте или выберите группу или галерею изображений. Перейдите на панель свойств, чтобы установить это свойство.

Изменение размера фона изображения при наведении

Изменение размера фона делает его очевидным при наведении курсора на фоновое изображение группы или изображения галереи. Чтобы использовать эффект изменения размера, добавьте или выберите галерею изображений или группу. Перейдите на панель свойств, щелкните ссылку Image Hover. Выберите пресет изменения размера и при необходимости измените его.

Слайд фонового изображения при наведении

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