Все для веб-дизайнера
Записи с метками Анимация
Современный эффект параллакса на jQuery
12 Дек
Сегодня мы бы хотели рассказать о процессе создания современного эффекта параллакса для сайта при помощи CSS3 и jQuery. Мы постараемся максимально упростить процесс создания для легкости его внедрения в структуру сайта. Параллакс будет поддерживать отображение на мобильных устройствах, кроме этого будет адаптивным, для его создания мы подготовили подборку изображений. Также были добавлены подписи на изображения верхним слоем, для отображения дополнительной информации, они также будут сопровождены данным эффектом.
3D объекты в современном веб-дизайне
19 Окт
В прошлом году мы увидели большую тенденцию к использованию простых геометрических фигур в интерфейсах: прямоугольники, треугольники, линии и круги. Они были повсюду: на главных страницах сайтов, в подвалах, а также очень популярно использовать такой прием в логотипах. Но совсем недавно объемные объекты, а именно круги и сферы привлекли наше внимание, и по все видимости не только наше; ведь это новый взгляд на их сочетание, что в сочетании с современным дизайном является достаточно интересным решением.
Открытие формы входа при прокрутке страницы
9 Окт
Форма авторизации это ключевое составляющее взаимодействия с вашими посетителями, ведь авторизация поможет расширить функционал посетителя предоставив ему новые возможности. Также не забывайте, что зарегистрировавшись на нашем сайте вы сможете добавлять и сохранять в избранное любимые статьи и подписываться на уведомления о новых уроках. Сегодня речь пойдет о создании интересной формы авторизации которая будет появляться при прокрутке страницы вниз, кроме этого вы можете ее вызвать при помощи кнопки внизу сайта.
Призрачный курсор мыши для сайта на JS
7 Окт
По традиции каждое воскресенье мы рассказываем о интересных примерах в веб-дизайне и приводим примеры. Сегодня мы хотим показать эффект «призрачного» курсора мыши, градиентная ореола будет преследовать курсор, при этом все это украшено шумами. Как по мне выглядит такой эффект достаточно необычно, и подчеркивает положение курсора на странице, также будет очень хорошо смотреться на сайтах в черных тонах, а скорость анимации достаточно высока, что не раздражает посетителя, давайте посмотрим как это выглядит наглядно.
Анимация байкера для сайта при помощи CSS3
16 Сен
Сегодня воскресенье, а это значит, что мы хотим поделиться замечательным примером для вдохновения. Речь пойдет о анимации байкера, здесь так много чего происходит, что трудно поверить, что это просто HTML и CSS! Вращающиеся анимации и множественные движения слоев которые объединяются, чтобы сделать общий шаблон сделать максимально похожим на велосипедиста, а его велосипед сделан из чего-то похожего на желе. Вся эта анимация в едином смотрится просто великолепно, по этому мы хотим ее Вам сегодня и показать.
3D кубичный текстовый эффект при помощи JS
15 Сен
Сегодня речь пойдет о простом эффекте, а именно о том, как создать интересный 3D кубичный текстовый эффект при помощи JS, звучит сложно, но на самом все достаточно элементарно, недавно встретили окончание заголовка на сайте который анимировался, выглядело очень эффектно, ведь последнее слово в предложении постоянно менялось тем самым меняя суть всего предложения, нам это очень понравилось, и сегодня мы бы хотели показать как можно реализовать такой эффект у меня на сайте приложив при этом минимум усилий.
Эффект тумана на сайте при помощи CSS3
14 Сен
Иногда сайт необходимо украсить каким-то необычным элементом, это может быть слайдер, анимация или даже эффект снега, которые были ранее очень популярны. Но не все хотят делать эффекты под копирку, по этому прибегают к своеобразным методам, сегодня мы бы хотели показать вам как можно сделать весьма необычный и анимированный эффект тумана на сайте при помощи CSS3. Идея состоит в том, что у нас будут облака дыма которые будут двигаться на сайте оживляя его необычным эффект, все смотрится очень просто и креативно.
Загрузка ...