Все для веб-дизайнера
Cooper
Все популярные уроки собраны в единое целое на нашем замечательном ресурсе. Я надеюсь статья была Вам полезной, и Вы реализуете задуманное.
Домашняя страница: http://www.rudebox.org.ua
Записи от Cooper
Гибкие слайды с эффектом параллакса на CSS3
4 Окт
Cегодня мы бы хотели поделиться интересным примером слайдера для сайта, речь пойдет о добавлении эффекта параллакса в раскрывающиеся слайды. По умолчанию блок слайдов будет похож на перевернутое гамбургер-меню, при нажатии на каждую полосу блок с изображением будет раздвигаться с плавной анимацией демонстрируя посетителю содержания слайда. Кроме этого каждый слайд будет стилизованный иконкой в нижней части, что позволит пользователю иметь представление о содержании слайда, выглядит весь слайдер достаточно круто.
Современный взгляд на узорные фоны
2 Окт
Все новое это хорошо забытое старое — объемность, градиенты, и теперь есть еще одна тенденция из прошлого, которая захватывает просторы интернета это геометрические шаблоны которые становятся основным элементом дизайна. Сегодня мы хотим рассмотреть подборку с новым вдохновением, тенденция которой захватывает просторы интернета и сердца дизайнеров и разработчиков. Смотря на такие подборки мы сами ищем вдохновения для наших проектов, а также понимаем, что сейчас популярное и пользуется интересом среди клиентов.
Обновление самого популярного шаблона WP
20 Сен
Думаю каждый из Вас хоть раз но сталкивался с данным многоцелевым шаблоном, благодаря тому, что шаблон Monstroid многофункционален это позволило ему стать самым популярным шаблоном WordPress и это мы сейчас не преувеличиваем. Но прогресс не стоит на месте, шаблоны надо обновлять, мы сами подкручиваем новые функции и обновляем дизайн своего шаблона. Команда, создавшая WordPress шаблон Monstroid, решила его полностью обновить. Теперь эта гигантская многофункциональная тема стала еще более мощной и разнообразной для творчества.
Анимация байкера для сайта при помощи CSS3
16 Сен
Сегодня воскресенье, а это значит, что мы хотим поделиться замечательным примером для вдохновения. Речь пойдет о анимации байкера, здесь так много чего происходит, что трудно поверить, что это просто HTML и CSS! Вращающиеся анимации и множественные движения слоев которые объединяются, чтобы сделать общий шаблон сделать максимально похожим на велосипедиста, а его велосипед сделан из чего-то похожего на желе. Вся эта анимация в едином смотрится просто великолепно, по этому мы хотим ее Вам сегодня и показать.
3D кубичный текстовый эффект при помощи JS
15 Сен
Сегодня речь пойдет о простом эффекте, а именно о том, как создать интересный 3D кубичный текстовый эффект при помощи JS, звучит сложно, но на самом все достаточно элементарно, недавно встретили окончание заголовка на сайте который анимировался, выглядело очень эффектно, ведь последнее слово в предложении постоянно менялось тем самым меняя суть всего предложения, нам это очень понравилось, и сегодня мы бы хотели показать как можно реализовать такой эффект у меня на сайте приложив при этом минимум усилий.
Эффект тумана на сайте при помощи CSS3
14 Сен
Иногда сайт необходимо украсить каким-то необычным элементом, это может быть слайдер, анимация или даже эффект снега, которые были ранее очень популярны. Но не все хотят делать эффекты под копирку, по этому прибегают к своеобразным методам, сегодня мы бы хотели показать вам как можно сделать весьма необычный и анимированный эффект тумана на сайте при помощи CSS3. Идея состоит в том, что у нас будут облака дыма которые будут двигаться на сайте оживляя его необычным эффект, все смотрится очень просто и креативно.
Dropdown menu для сайта на Bootstrap 4
13 Сен
Сегодня речь пойдет о создании Dropdown навигации с применением Bootstrap 4. Выпадающий список был вдохновлен сайтом DigitalOcean на котором реализованы примерно такие же списки. По умолчанию мы продемонстрируем три выпадающих списка, содержания которых стилизировано содержание от простого текста до иконок с подписями. Списки достаточно красиво смотрятся, по этому отлично подойдут к светлому и темному сайту, все списки реализованы с применением Bootstrap 4. Давайте же посмотрим, что у нас получилось.
Загрузка ...