Все для веб-дизайнера
Фокусировка объектов на сайте с помощью CSS3
Ноя 15
Порой необходимо выделить мелкие элементы на сайте, при этом применив минимум усилий, отличным способом подчеркнуть элементы это размыть все необходимые объекты. Такой эффект можно встретить на зеркальных фотоаппаратах, его еще называю эффект blur'a или tilt-shift. Достигнуть его на сайте достаточно просто, нам необходимо применить несколько правил стилей. В данном уроке мы займемся построением именного такого элемента. У нас будет два объекта, один из которых размыт по умолчанию, и активируется при наведении курсора мыши.
Оригинальное перелистывание фотографий
Ноя 11
В данном уроке мы рассмотрим процесс построения весьма интересной стопки изображений, которые сможете перелистывать весьма необычным способом. Идея состоит в том, чтобы создать бумажную стопку, с постоянной подгрузкой изображений, то есть у нас образуется бесконечный набор картинок, оформленного весьма простым стилем, но на этом не все, мы добавим функцию "бери и тащи", это позволит нам перелистывать изображения способом сбрасывания картинки со стопки, сделать это можно в любую сторону экрана.
Анимация для сайта с эффектом параллакса на JS
Ноя 9
Параллакс. И снова мы возвращаемся к данной тематике, из-за пристального внимание к данной теме, пользователям это интересно, это и не странно, ведь тратя минимум усилий пользователь получает почти готовый шаблон. В данном уроке мы рассмотрим весьма интересную анимацию с применением параллакса. У нас будет достаточно много изображений, которые будут постепенно накладываться друг на друга, крове это данная анимация будет напоминать ретро-картинки. У нас будет создаваться эффект анимированной книжки.
Анимация изображения для сайта с помощью CSS
Ноя 7
Иногда возникает необходимость создать анимацию для изображения, при этом затратив минимум усилий. Дело в том, что для обычной анимации картинки необходимо приложить не мало усилий, учитывая что не все умеют реализовать данную задумку. Мы решили рассказать, как можно создать весьма хитрую анимацию для картинки, а именно мы заставим ее двигаться как куклу, разбив изображения на точки, которая будет двигаться по заданной траектории. В результате мы получим движения волнами. К тому же мы подобрали картинку в виде моря.
Прокрутка с эффектом увеличения с помощью JS
Ноя 5
Недавно наткнулся на работы одного нашего коллеги, он подошел весьма интересно к реализации эффекта для прокрутки. Дело в том, что все пытаются создать прокрутку с плавным появлением материала. Ник, так зовут нашего коллегу, решил поставленную задачу иначе, он создал прокрутку в глубь сайта, а именно увеличение с эффектом параллакса во время прокрутки. Смотрится все достаточно фантастично, создается ощущение полета в глубь страницы. Из-за различия в накладке изображений мы и получаем такой эффект 3D.
Абстрактная визуализация аудио для сайта на JS
Ноя 3
На некоторых сайтах-портфолио используется музыкальное сопровождение, зачастую оно сопровождается ковером, я сталкивался с такой ситуацией в своей практикой, когда было необходимо установить обложку альбома для портфолио диджея, но эту музыкальнуж дорожку можно было скрасить не только обыденной картинкой, а нечто большим. В данном уроке, мы рассмотрим как создать весьма интересную, абстрактную визуализацию аудио-дорожки для сайта с помощью JS. Идея состоит в том, что у нас есть хаотически разбросаны многогранники, а музыка задает ритм.
Интересный hover-эффект для изображений сайта
Ноя 1
Изображения являются неотъемлемой частью любого сайта, мировая глобализация и широко распространенные социальные сети слились в единое с блогами положив начало внедрения кнопок самых популярных сообществ на сайт. Зачастую пользователи нуждаются в кнопке для самого изображения, нежели для всей статьи, исходя с личного опыта, по этому данный вопрос необходимо креативно решить. Благодаря небольшому hover-эффекту для изображений мы получим результат, в котором пользователь сможет делится понравившемся изображением.
Загрузка ...