Записи с метками CSS

Многоуровневое выпадающее меню для Bootstrap
4 Июл
Продолжаем нашу неделю занимательной анимации с Сергеем Купером, сегодня мы поговорим о Bootstrap и многоуровневом меню при помощи плагина. Dropdown On Hover — это плагин jQuery, используемый для создания многоуровневых раскрывающихся меню Bootstrap с интересной анимацией CSS3 на основе Animate.сss. Такое меню выглядит весьма необычно благодаря анимации, по этом советуем вам к нему присмотреться и в дальнейшем попробовать такою навигацию в своих, будущих, проектах. Давайте посмотрим, что у нас получилось.

Как создать меню сайта с метаморфозами SVG
3 Июл
Как говорил уже ранее, на этой неделе я хочу максимально уделить внимание навигации. Сегодня речь пойдет о создании замечательного, минималистического меню сайта с метаморфозами, идея которого заключается в том,что при наведении курсора мыши на активный пункт происходит анимация, как в старых лава лампах, каждый пункт будет выделяться отдельным объектом и метаморфозами, смотрится очень круто и необычно, также навигация будет полностью адаптивной, что позволит хорошо смотреться на мобильных устройствах.

Навигация с ползунком для сайта с помощью CSS3
2 Июл
На этой неделе у нас официально объявлена неделя навигации. Мы будем выкладывать интересные уроки о том, как создать красивое меню для сайта при использовании различных техник, анимаций и плагинов. Сегодня мы хотим поговорить о достаточно простом, но чертовски красивом меню с градиентном и ползунком, который будет подлетать к активной ссылке благодаря красивой анимации, также у нас будет выпадающий список с субменю, что позволит вам по умолчанию скрыть часть навигации с сэкономить место на сайте.

Адаптивные ленты с текстом для сайта на CSS3
30 Июн
Выделить необходимый текст на сайте это очень важно, посетители должны видеть в первую очередь самую необходимую информацию, ведь она может вам стоить звонкую монету, мало просто выделить красной таблицей текст, так нужно, чтобы он еще и привлекал внимание, и более того, вызывал желание нажать на текст при необходимости. Сегодня речь пойдет о создании адаптивных лент-заголовков для сайта, благодаря чему посетители смогут наглядно увидеть красиво выделенный текст, а тени и градиенты помогут читателю не отводить взор.

Как изменить контекстное меню на сайте на JS
29 Июн
Контекстное меню это тот элемент на сайте о котором разработчики зачастую забывают, сегодня мы бы хотели исправить это, и показать как можно стилизовать контекстное меню при помощи небольшого плагина jQuery и СSS3. Вы можете указать в произвольном контекстном меню небольшую навигацию, или добавить рекламу. Благодаря плагину jQuery мы получим простое и стильное контекстного меню вместо контекстного меню браузера по умолчанию. Плагин отлично подходит для контекстных меню, выпадающих списков, навигации по сайту и многое другое.

Сбалансированный эффект прокрутки на jQuery
28 Июн
Сегодня мы бы хотели показать, как можно стилизовать прокрутку и блоки на странице. По сути мы сделаем связку между этими элементами, сделаем привязку блоков к прокрутке, чтобы они были взаимосвязаны. Мы будем использовать плагин Scroll Balanced-это крошечный плагин jQuery для сбалансированного прокрутки контента, который замедляет скорость прокрутки вашего небольшого столбца с информацией на сайте (обычно боковая панель с динамической высотой), чтобы адаптировать скорость прокрутки длинного столбца.