Все для веб-дизайнера
CSS
Найденные результаты:
Кнопки с анимацией для сайта при помощи CSS3
21 Июн
Сегодня мы бы хотели поговорить о стилизации кнопок. Предпочтения пользователей постоянно меняются и угнаться за модой довольно тяжело, мы давно не публиковали уроков о создании кнопок, и сегодня, я решил это исправить. Речь пойдет о плоских, анимированных кнопках для сайта реализованных исключительно на CSS3. В демонстрации я покажу вам пять замечательных вариантов кнопок с различной анимацией к ним. Одни будут плавно окрашиваться в цвет, а вторые быстро обводиться линейной графикой.
Параллакс стена для сайта на JavaScript и CSS3
18 Июн
Сегодня мы хотим рассказать вам об одном замечательном эффекте, а именно о том, как создать эффект параллакс-стены для сайта при помощи JavaScript и CSS3. По умолчанию у нас будет три блока с фотографиями, которые зафиксированы в навигации слева, при этом в правой части будут сами фотографии, перелистывание к которым будет сопровождаться скольжением дополнительных блоков, которые будут сверху слоя с изображением. Все этом оформлено эффектом параллакса и смотрится очень круто и плавно.
Превью постов сайта при помощи Flexbox и CSS3
12 Июн
Мы хотим Вам показать и донести, что красивый, а главное оригинальный сайт ценится больше чем повседневные однообразные сайты «без души». Для многих сайты это просто кусок работы о котором забываешь когда видишь заветные деньги от заказчика. Но если вы действительно хотите запомнится и быть востребованный разработчиком и дизайнером то не надо бояться экспериментов, а смело двигаться вперед и пробовать новые идеи. Сегодня мы бы хотели поговорить о создании превью, а именно превью для постов сайта, и сделаем это мы с помощью Flexbox и CSS3.
Анимированный градиент в качестве фона сайта
9 Июн
Сегодня мы бы хотели поговорить о достаточно легком приеме создания градиентного фона на чистом CSS3. У нас часто спрашивают, как создать необычный градиентный фон, с анимацией или метаморфозами но оказывается часть читателей хотят знать как можно реализовать самый обычный градиент на сайте. По этому мы решили рассказать на достаточно легком примере, как можно создать анимированный градиент для своего сайта. нам понадобится несколько строк кода, в результате чего вы получите отличный фон.
Полноэкранное меню навигации для сайта на CSS3
8 Июн
Давно я не писал про красивую навигацию на сайте и как ее реализовать, сегодня видать тот самый день, когда сошлись звезды и пора выкатить интересный урок о навигационном меню для сайта. Не буду скрывать, я уже не раз писал уйму уроков о чем-то похожем, но каждый раз в голову приходят разные мысли которыми хочется поделиться с читателями. Идея навигации не новая, ее часто применяют на сайте в виде дополнительного меню, которые прикручено где-то в низу сайта и доносит до посетителя дополнительную информацию.
Как создать слайдер для интернет-магазина
21 мая
Мы очень любим различные слайдеры и ротаторы на сайтах, по этому не могли обойти стороной. В данном уроке мы покажем как создать прекрасный полноэкранный слайдер с использованием HTML, CSS3 и jQuery. Вы можете использовать данный слайдер для презентаций продуктов на веб-сайте вашего магазина. В этом уроке мы используем Google Fonts, в частности такие шрифты как Montserrat и Oswald. Обязательно подключите данные шрифты к вашему документу перед началом работы. Давайте посмотрим, что же у нас получилось.
Как создать курсор для сайта с помощью SVG
30 Апр
Курсор сайта весьма своеобразный элемент, который, как правило остается без внимания и стилизации. В данном уроке мы решили исправить эту закономерность и показать, как можно все же оживить такой мелкий но достаточно важный элемент на вашем сайте. Сегодня речь пойдем о создании анимированного курсора для сайта при помощи SVG, конечный результат нам напоминает лаву в лавалампе, но смотрится очень интересно и необычно.
Загрузка ...