Яркие примеры параллакса с помощью FreshD
Как известно эффект параллакса стал широко популярным среди пользователей, это и не удивительно, ведь это что-то новенькое и необычное, и у всех сразу тянутся руки попробовать данный материал самому. С каждым днем появляются сотни сайтов на этом новом, удивительном эффекте, и буквально сразу становятся популярными. Возможно некоторые посетители первый раз сталкиваются с эффектом параллакса. И не совсем понимают, что это такое и с чем его едят. Объясняю, благодаря данному эффекту наложения слоев изображений в разных плоскостях.
Просматривая страницы интернета случайно наткнулся на удивительные примеры данного эффекта, и сразу захотелось поделиться им с читателями. В данном посту мы сделаем обзор данного эффекта с различными эффектами и вариантами манипулирования плоскостями благодаря встроенному редактору. Для достижения данных эффектов будет использоваться freshD – 3D Parallax jQuery плагин с редактором. Мы рассмотрим 5 примеров, в некоторых из них пользователь сможет сам отключать и добавлять изображения для достижения эффекта параллакса. И так, начнем.
Пример №1
В первом примере будет рассмотрен эффект параллакса с возможностью активного выбора части изображения, и переходу через него по ссылке.
Пример №2
Во втором примере вы можете наблюдать такую же картину, но со встроенным редактором, то есть Вам предоставляется возможность самому включать и отключать различные изображения.
Пример №3
Этот пример демонстрирует возможность создание трехмерной картины, и наглядно показывает ее отличие от обычной ее версии.
Пример №4
Данный эффект являет туже картину, только с возможностью редактора слоев.
Пример №5
В последнем примере мы можем наблюдать эффект параллакса для банера. При этом он сам передвигается по умолчанию.
Все материалы были найдены в интернете, и представлены исключительно в ознакомительных целях. Права на исходные материалы принадлежат их владельцам, мы уважаем их труд.
Читайте также:
Опубликовал Cooper 15.07.2012 в 20:08, в категории jQuery. Вы можете следить за комментариями через RSS 2.0. Вы можете перейти в конец записи и оставить комментарий. Пинги запрещены. |