675 Menu & Nav

Навигация с горизонтальным подменю

Простая навигация с горизонтальным подменю. В большинстве случаев такого же эффекта можно добиться на чистом CSS, но чтобы меню работало корректно и с IE6 добавим пару строк jQuery.

Навигация с горизонтальным подменю
345 Slider

Формирование изображений из кусочков

При нажатии на одну из множества миниатюр формируется полное изображение с красивым эффектом. При повторном нажатии изображение снова распадется на кусочки. Также имеются две кнопки "Вперед" и "Назад" для смены изображения.

Формирование изображений из кусочков
444 Tabs

Анимированные вкладки

Анимированные вкладки для лучшего использования пространства на сайте построенные на jQuery и CSS. В CSS используются скругления, которые не работают в iexplorer, но замечательно смотрятся в Firefox, Chrome и Opera.

Анимированные вкладки
1 409 Animation

Плавное изменение цвета фона

В этом уроке речь пойдет об эффекте, при котором происходит плавная смена фона объекта врезультате наведения курсора мыши на него.

Плавное изменение цвета фона
420 Animation

Слайдер на CSS и jQuery

При наведении курсора на изображение, оно сменяется другим. Также есть модификация с добавлением уголка "NEW" и пункта "Цена". Все три варианта можно посмотреть на демо.

Слайдер на CSS и jQuery
807 Form

Красивая форма поиска на CSS3

В этом уроке мы красиво оформим форму для поиска. Сделаем её с закругленными краями, с градиентом и внутренней тенью для поля ввода. Такой эффект достигается только в CSS3 поддерживаемых браузерах.

Красивая форма поиска на CSS3
438 Text

Эффект перекрытия элементов

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

Эффект перекрытия элементов