Все для веб-дизайнера
jQuery
Найденные результаты:
Захватывающий видео-шаблон для сайта на JS
Мар 7
В данном уроке мы хотим рассмотреть достаточно красивый видео-эффект для сайта. Который заключается в трансформации видео с плавной анимацией. В результате данной анимации видео впишеться в мобильный телефон, с дальнейшим проигрыванием в заданном месте. В последнее время, мы натолкнулись на пару веб-сайтов с подобным эффектом. Мы попытались создать нечто подобное, в виде простого шаблона.
Интерактивные hover-эффекты для сайта на JS
Дек 10
Прежде всего, мы бы хотели пояснить, для тех, кто не знает, что такое hover-эффекты, мы немного объясним. Это различные виды эффектов (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение.) применяемые к элементам веб-сайта при наведении на них курсора мыши. Реализованы эти эффекты могут как с помощью различных плагинов jQuery, так и на чистом CSS3. Сегодня мы хотели бы поделиться некоторыми экспериментальными эффектами при наведении курсора мыши.
Модальное окно с эффектом перетаскивания на JS
Ноя 25
Прочитав заголовок вы подумаете, что ничего нового в этом уроке вы для себя не найдете, но не спешите делать выводы. В сегодняшнем уроке мы рассмотрим достаточно новый и экспериментальный эффект перетаскивания элементов, который наверняка вас удивит. Во время перетаскивания объектов мы будем менять их форму для добавления интерактивности. Одной из самых интересных вещей является вычисление прозрачности объекта в зависимости его позиции по оси x. Давайте посмотрим, что у нас получилось.
Вращающиеся на 360 градусов 3D фото товаров
Сен 22
Обзор товара весьма важен не только для покупателя, но и для продавца, по этому данная технология для просмотра изображений в последнее время весьма популярное. Ранее уже мы рассказывали о подобном приеме, но сегодня хотелось бы уделить больше внимания данному подходу. Мы создадим слайдер изображений который будет вращать изображения, при этом у нас будет индикатор, который покажет процесс загрузки все слоев, что не позволит пользователю увидеть недозагруженный слайдер. Слайдер весьма легкий в конструкции и практичен.
Создаем эффект снега с эффектом параллакса
Ноя 3
Скоро близятся праздники, и Вам необходимо украсить свой ресурс подходящей тематикой. В сегодняшнем уроке мы рассмотрим как создать замечательный, отзывчивый эффект снега на сайте, который будет реагировать на курсор мыши и его движение на сайте, а также фон которого будет сделать с эффектом параллакса. Параллакс весьма популярный среди разработчиков, ведь помогает оживить визуально ресурс, и добавит запоминающиеся элементы для пользователя. Все будет выглядеть очень гармонично, и вы сможете легко установить на свой сайт данную конструкцию.
Создаем итересную игру с встиле Warehouse
Сен 9
Все мы знаем, что разработчики в сфере веб-верстки заходят за грани привычным нами граней, и создают удивительные примеры, к примеру: игры, анимации или объемные модели. Сегодня мы бы хотели вам рассказать, и показать как создать замечательную игру для создания которой нас вдохновила легендарная warehouse. Логическая игра которая заставит пользователя погрузиться в игровой процесс. Идея состоит в том, что игроку нужно передвинуть кубики, при этом не загнав себя в тупик, в установленные места отмеченные на карте.
Настраиваемый эффект параллакса для сайта
Авг 30
Параллакс является одной из самых интересных тем для наших читателей. Сегодня мы бы хотели предложить Вам самостоятельно поиграться с настройками данного эффекта и увидеть какой может быть результат. Мы предоставим вам гибкие настройки движения, вращения и фильтров, которые можно применить, при этом вы увидите результат мгновенно, не стоит забывать, что вы можете скачать материал с исходным кодом и применить данный параллакс к своим проектам.
Загрузка ...