Cмена изображения при наведении на него курсора мыши

Последнее изменение поста: Декабрь 15, 2016

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

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

Данный эффект можно получить многими способами, но я покажу самый простой. Скопируйте HTML-код ниже, и вставьте его в нужное место на странице сайта.

Для получения данного эффекта, нужны две картинки одинакового размера.

Если у Вас сайт на движке WordPress, тогда вставлять код нужно в текстовом редакторе, и на визуальный редактор не переключаться.

Поделиться статьей с друзьями


Комментарии закрыты.

Бесплатный практикум по заработку на партнерских программах

 

Путешествие к стабильному заработку в интернете всего за 7 дней. Курс адаптирован для понимания и моментального внедрения даже полным новичком

на Вашу почту было отправлено письмо для подтверждения подписки

Подписаться на новости сайта

Получайте новые статьи на свой Email

На Вашу почту было отправлено письмо для подтверждения подписки.