Плавное смещение фонового изображения при наведении

Плавное смещение фонового изображения при наведении stilant.ru

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

Похожие анонсы

Выбор фонового изображения страницы с сохранение в Cookie @ 17.03.2012 16:29
Всем привет! Сегодня я бы хотел с Вами поделиться маленьким скриптом, позволяющий немножко изменить интерфейс страницы — смена фонового изображения с сохранением в Cookie. Для этого будем использовать плагин jQuery — Cookie (jquery.cookie.js). Вся суть в том, что перед пользователем будет стоять задача, выбрать понравившийся фон из предложенных.
Горизонтальное меню с эффектом смещения фона @ 25.02.2012 16:17
Сегодня я Вам хотел бы показать скрипт горизонтального меню с эффектом смещения фона. В предыдущей статье я показал Вам кнопки со смещающимся фоном. И вот решил показать меню с таким же эффектом. Меню довольно простое, я не прибегал в супер-пупер-мега оформлению ;) Я Вам просто покажу саму технологию меню. Работать будем со свойством background-position.
Зеркальное отражение картинки @ 06.02.2014 08:30
Если на интернет - проекте имеются какие - то графические элементы, их можно преобразовать так, что бы внизу каждого изображения добавлялось ее зеркальное отображение. Это будет достаточно интересно смотреться. Кроме того, что данный эффект прекрасно смотрится, здесь есть еще и другой смысл. Яндекс и Гугл любят уникальные изображения. Такой эффект позволит сделать изображение уникальным.
Эффект "До - после" с jQuery @ 08.03.2013 14:19
Привет, друзья! Сегодня хочу вам показать, как с помощью jQuery сделать эффект "До-после". Его смысл заключается в том, чтобы совместить два изображения: которое было "до" и которое стало "после". Результат, полученный в браузере, будет интерактивный, то есть можно будет увидеть и то, что было "до", и то, что "после", и совмещенный вариант.
Загинаем угол на CSS3 @ 07.11.2013 11:58
В этом уроке мы создадим эффект загнутого угла без использования изображений и дополнительной разметки. Данный эффект будет хорошо работать во всех современных браузерах.Пример данного эффекта можно увидеть на сайте.Браузеры, которые полноценно поддерживают данный эффект: Firefox 3.5, Chrome 4, Safari 4, Opera 10, IE 8.
Как реализовать для изображений Glitch Effect @ 28.05.2015 08:17
В последнее время на просторах интернета и в веб-дизайнеров достаточно популярным стал эффект Glitch, или как его еще называют-эффект поломки. Идея состоит в том, что изображения поддаются искажению, что приводит пользователя в заблуждения,
Простой пример создания анимированной кнопки с помощью CSS и jQuery @ 26.05.2010 08:38
Сегодня будем создавать кнопку, при наведении на которую будет происходить эффект затемнения ее другим цветом. Сделать это можно с помощью простых методов CSS и jQuery.
Классное меню для сайта на основе спрайтов @ 11.11.2013 11:55
При загрузке страницы, много времени тратится на загрузку изображений, а что если объединить все изображения? Ведь загрузка будет происходить явно быстрее. А ведь CSS позволяет это сделать. И в этом уроке мы создадим красивое меню с помощью CSS и всего одним изображением. Пример меню можно увидеть на сайте.
Css свойство — background-position @ 15.02.2012 15:49
Свойство background-position задаёт положение фонового изображения. Например у нас есть кнопка с двумя положениями: при наведении и по умолчанию. И для каждого положения есть своя фоновая картинка. И бывало так, что когда наводишь на эту кнопку, фоновая картинка на время пропадала, а затем появлялась новая (при наведения).
Эффект выкл/вкл для input @ 11.03.2012 05:57
Сегодня я бы хотел Вам рассказать об интересном решение взаимодействии 2х input вместе. Например один будет «выключить» а другой будет «включить». Где можно такой использовать? Ну например в обратной форме, где будет какой-либо вопрос, ответом которых будут как раз «Выключить» или «Включить».

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте