Все для веб-дизайнера
Красивый эффект при наведении на картинку
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 Сен
Я думаю каждый из вас знает, что оформление кнопок на сайте достаточно важный элемент, они позволяют выделить информацию из пользовательского интерфейса для дальнейшего взаимодействия из контентом на сайте. Сегодня мы бы хотели показать как разнообразные жидкие кнопки которые будут реагировать на наведения курсора мыши и тянуться за курсором. Такой прием оживит ваш интерфейс благодаря нестандартному подходу к их реализации, и как по мне, можно провести минуты просто играясь с ними и подбирая различные эффекты.
Боковое многоуровневое мобильное меню
31 Авг
Недавно мы писали о том, как мы относимся к гамбургер меню, но не смотря на это дизайнеры и разработчики все активней его используют, к сожалению, хоть этот тренд отходит и всех уже немного достал, но не стоит забывать о людях которым нравится и они желают видеть такое меню на своем сайте. Сегодня мы хотим рассказать, как создать боковое многоуровневое меню при помощи плагина jQuery. HC MobileNav-это плагин jQuery для создания многоуровневой, мобильной, боковой навигации вне видимой области, которая поддерживает бесконечное вложение элементов.
Листаем слайды на сайте при помощи Vue.js
30 Авг
Все вы знаете, что слайдер на сайте немало важен, ведь помогает посетителям получить множество полезной информации, при этом сэкономив много места на сайте. Я уже не раз описывал различные слайдеры, но этот мне очень понравился своей простотой и эффективностью, а приятная анимация позволяет привлечь взор при первых же секундах. Кроме этого у вас будет возможность выбрать варианты трансформации слайдов, будь то объемный переворот, или обычное перелистывание с бока в бок, давайте посмотрим, что из этого получилось.
Загрузка ...