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