Все для веб-дизайнера
Lightbox галерея для сайта с Bootstrap
7 Сен
Думаю вы знаете, что пользователю нужна свобода действий на сайте, иногда возникает жаление рассмотреть изображения на сайте более детально, для этого прибегают к эффекту lightbox, сегодня я хочу вам рассказать как создать замечательную и легкую lightbox галерея для сайта с Bootstrap, если вы уже здесь, то вы знаете, что такое Bootstrap и для чего он нужен, но все же для понимания Bootstrap — это свободный набор инструментов для создания сайтов и веб-приложений, благодаря ему мы сегодня и создадим lightbox галерею.
Маст хэв шаблоны и плагины для Elementor’а
6 Сен
Вы уже открыли для себя все прелести WordPress и во всю пользуетесь возможностями этого замечательной CMS? Современные технологии позволяют создать отличный сайт с нуля за считанные дни. А что если эту работу можно проделать в разы удобней, быстрей и эффективней? Пользователям WordPress доступен мощный и удобный инструмент для построения страниц — Elementor. Сегодня мы бы хотели поговорить о нем, и привести в пример маст хэв шаблоны и плагины для Элементора которые нельзя упускать и стоит обязательно пощупать.
Красивый эффект при наведении на картинку
5 Сен
Ховер эффекты позволяют отобразить дополнительную информацию на изображениях когда пользователь наводит курсор мыши. Это удобно и привлекательно, также помогает визуально разгрузить сайт. Сегодня мы хотим показать как создать красивый hover-эффект для изображений при наведении курсора мыши с помощи CSS3. При наведении курсора мыши на изображение будет происходить анимация и плавное появление рамки на изображениях с текстовыми полями, благодаря плавности эффект выглядит очень интересно и в то же время просто.
Автоматический scroll текста на сайте на jQuery
4 Сен
Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3. Быстрый, эффективный вертикальный скроллер текста, который автоматически прокручивает группу абзацев с эффектами масштабирования и затухания на основе анимации CSS3. Если вы хотите реализовать на своем сайте анимированное отображение заголовков, то это отличный вариант их реализации.
3D карусель с параллаксом при помощи GSAP
3 Сен
Начнем неделю с нечто приятного и необычного, все вы, наверняка, любите эффект параллакса, по этому мы бы сегодня хотели рассказать о нем, и о том, как создать замечательную 3D карусель с параллаксом при помощи GSAP. Возможно кто-то не знает, что такое GSAP, так вот, GSAP или его полное название GreenSock (GreenSock Animation Platform), суперэффективный, профессиональный класс анимации HTML5. GSAP имеет слишком много функций, и сегодня одна из них ляжет в основу нашей карусели которая будет полноэкранной.
Объемная галерея картин для сайта при помощи JS
2 Сен
Галерея изображений это всегда интересно, я люблю вещи глазами, чтобы полюбить какой-то ресурс мне достаточно просто взглянуть на него и становится с первых секунд понятно, будет нравится тебе этот сайт или нет. Думаю я не одинок в таком подходе, так вот, мы говорили о галерее ее реализации на сайте. Ранее мы уже рассказывали о картине-галерее, где вы получаете опыт и чувство посетителя в реальной галерее. Сегодня воскресенье, а как вы знаете, по нашей небольшой традиции мы каждое воскресенье показываем вам замечательные анимации и интересные задумки.
Создаем жидкие кнопки для сайта при помощи JS
1 Сен
Я думаю каждый из вас знает, что оформление кнопок на сайте достаточно важный элемент, они позволяют выделить информацию из пользовательского интерфейса для дальнейшего взаимодействия из контентом на сайте. Сегодня мы бы хотели показать как разнообразные жидкие кнопки которые будут реагировать на наведения курсора мыши и тянуться за курсором. Такой прием оживит ваш интерфейс благодаря нестандартному подходу к их реализации, и как по мне, можно провести минуты просто играясь с ними и подбирая различные эффекты.
Загрузка ...