Adaptor – jQuery 3D slider

Adapter - легкий jQuery slider контента, который используется длясоздания красивой 2D или 3D анимации перелистывания слайдов.

jQuery слайдер контента с тремя 3D панелями

В этом уроке мы будем создавать jQuery слайдер контента с тремя 3D  панелями. Мы создадим одну главную панель и две боковых, которые немного повернуты создавая 3D эффект. Нам понадобится CSS 3D Transforms rotate, perspective и transitions.

Бесплатные jQuery слайдеры сравнения изображений

Данные слайдеры позволяют сравнивать два изображения, наложенных друг на друга. Слайдером можно управлять, передвигая вертикальную линию между изображениями.

Вертикальный слайдер на jQuery и CSS transitions

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

Как создать CSS3 аккордеон изображений

В этом учебном руководстве мы создадим CSS аккордеон с изображениями, который разворачивает элементы по щелчку. При помощи селекторов и вложенной структуры мы можем управлять отображением элементов/слайдов с помощью переключателей.

Как создать простой слайдер товаров jQuery для сайта

Сегодня мы покажем, как создать простой слайдер товаров на jQuery c использованием CSS анимации. Идея была вдохновлена слайдером товаров от Apple, когда несколько небольших элементов движутся с анимацией вращения. Мы хотим воспроизвести данную технологию, только для интернет-магазина, где элементы представляют различные категории и товары. Вполне приемлемо использовать категории из-за ограниченной функциональности такого типа простого слайдера товаров jQuery для сайта. Не рекомендуем отображать большое количество элементов на слайдере.

Как создать слайдер на CSS3 и jQuery

В этой статье мы создадим слайдер с помощью бибилиотеки Nivo Slider jQuery Script и CSS3. Nivo Slider jQuery Script - мощный инструмент, который доступен для каждого разработчика. Этот скрипт имеет 16 различных переходов. Вы можете использовать его где угодно и для любого вида проекта, включая личные и коммерческие веб-сайты и темы, которые Вы создаете.

Полноэкранное слайд-шоу с эффектом разреза на CSS3 и jQuery

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

Радиальный SVG слайдер

Основная идея данного урока заключается в том, чтобы отобразить небольшое превью следующего слайда, а затем масштабировать его при нажатии.

Слайдер прокрутки с эффектом CSS параллакса

Вы должно быть заметили, что в последнее время появилось много сайтов с эффектом CSS параллакса? В основном они устроены как, несколько слоев которые смещаются при помощи некоторого действия. И сегодня, мы применим этот эффект для вертикального слайдера. Мы не будем использовать JavaScript, только чистый CSS3.

Эффект parallax jQuery на Stellar.js

В этой статье, рассмотрим современную тенденцию в веб-дизайне - использование эффекта параллакса на jQuery. Для достижения данного эффекта, мы воспользуемся библиотекой Stellar.js.

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.