Все для веб-дизайнера
Записи с метками параллакс
Бесплатные инструменты для анимаций сайта
24 Янв
Лучшие бесплатные инструменты для анимаций сайта которые может предложить интернет. Если вы еще не слышали, все стараются добавить анимацию в свои проекты. Это может быть небольшой и приятный эффект наведения, прикрепленный к кнопке с помощью кнопок Bttn.css или с помощью Hover Buttons, или привлекательный динамический фон в стиле градиента, который можно реализовать при помощи Granim.js. Маленькая или большая анимация, очень похожая на типографику, навигацию или логотип..
Современный эффект параллакса на jQuery
12 Дек
Эффект параллакса на jQuery и то как его создать. Сегодня мы бы хотели рассказать о процессе создания современного эффекта параллакса для сайта при помощи CSS3 и jQuery. Мы постараемся максимально упростить процесс создания для легкости его внедрения в структуру сайта. Параллакс будет поддерживать отображение на мобильных устройствах, кроме этого будет адаптивным, для его создания мы подготовили подборку изображений. Также были добавлены подписи на изображения верхним слоем, для отображения дополнительной информации, они также будут сопровождены данным эффектом.
Гибкие слайды с эффектом параллакса на CSS3
4 Окт
Гибкие слайды с эффектом параллакса на CSS3. Cегодня мы бы хотели поделиться интересным примером слайдера для сайта, речь пойдет о добавлении эффекта параллакса в раскрывающиеся слайды. По умолчанию блок слайдов будет похож на перевернутое гамбургер-меню, при нажатии на каждую полосу блок с изображением будет раздвигаться с плавной анимацией демонстрируя посетителю содержания слайда. Кроме этого каждый слайд будет стилизованный иконкой в нижней части, что позволит пользователю иметь представление о содержании слайда.
2.5D эффект для фотографий сайта на CSS3
22 Авг
Сегодня мы расскажем, как создать 2.5D эффект для фотографий сайта на CSS3. Стилизация фотографий на сайте это весьма кропотливый и полезный прием, ведь именно визуализация информации помогает быстрее донести до посетителя желаемую информацию. Сегодня мы хотим рассказать об таком приеме визуализации и показать как можно создать удивительный эффект 2.5D для фотографий сайта при помощи CSS3 и слоев изображений. В неком роде у нас будет автоматический эффект параллакса, на который пользователь не будет влиять.
Parallax background с помощью плагина jQuery
3 Авг
Сегодня мы рассмотрим процесс создания Parallax background с помощью плагина jQuery.Думаю каждый из вас любит параллакс, и сегодня я покажу как создать достаточно простой и красивый фон с эффектом параллакса для вашего сайта при помощи небольшого плагина jQuery. Рarlx является чрезвычайно легким плагином jQuery который используется для создания эффектов прокрутки параллакса, изменяя положение фона с помощью CSS3 2D преобразований (translateY). С помощью его сегодня мы и создадим наш эффект, для демонстрации мы взяли три слайда.
Parallax slider для сайта при помощи jQuery
28 Июл
Cлайдер на сайте это отличная штука, а Parallax slider для сайта при помощи jQuery — вдвойне, ведь картинки всегда привлекают больше внимание чем текст, а если картинки еще и двигаются то это вдвойне плюс. Думаю каждый из Вас знает что такое параллакс, и хоть раз с ним сталкивался, сейчас все больше и больше сайтов реализованы с применением параллакса, визуально он помогает оживить сайт, и для пользователя это интересно, ведь придает некую изюминку в сайт.
