614 Menu & Nav

Extremes - круглая навигация

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

Extremes - круглая навигация
1 958 Animation

3D эффекты при наведении

Создадим захватывающие 3D эффекты при наведении с использованием CSS3 и jQuery. В примерах использовать будем миниатюры изображений, при наведении на которые будет показываться полезная информация.

3D эффекты при наведении
968 Slider

Полноэкранный разрезной слайдер

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

Полноэкранный разрезной слайдер
1 953 Buttons

Кнопка Скачать на CSS3

Кнопка Загрузки с эффектами CSS3 при наведении. Выглядит очень эффектно и стильно, но ограничение это поддержка браузерами CSS3.

Кнопка Скачать на CSS3
1 389 Animation

Обратная анимация

В сегодняшнем уроке попробуем создать обратную анимацию. С помощью jQuery будем назначать определенный класс при нажатии на кнопку.

Обратная анимация
2 792 Zoom

Loupe - лупа

Легкий (около 1кб) jQuery плагин увеличения изображения. Проще говоря, обычная лупа.

Loupe - лупа
1 449 Animation

Эффект вращающегося куба

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

Эффект вращающегося куба
1 122 Animation

CSS3 эффекты при наведении

Урок в котором мы научимся создавать интересные эффекты при наведении на изображения. Особенность заключается в использовании свойства border. Работать такие эффекты будут только в современных, поддерживающих css3, браузерах.

CSS3 эффекты при наведении