3 569 Скрипты / Slider

jFancyTile - слайдер с эффектом мозайки

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

jFancyTile - слайдер с эффектом мозайки
3 334 Скрипты / Layout

Размытость элементов

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

Размытость элементов
3 994 Скрипты / Buttons

Анимированные кнопки

Будем создавать анимированные кнопки с помощью свойств CSS3, которые реагируют на наведение мышки и нажатие. Работать должным образом будут только в поддерживаемых CSS3 браузерах. В некоторых примерах будут использоваться иконки от   webiconset.com и символы от Just Be Nice.

Анимированные кнопки
4 884 Скрипты / Text

Интерактивный текст на HTML5

Очень необычно и красиво сделанный интерактивный типографический эффект с использованием canvas. Будем создавать динамические баннеры, для оживления сайта. Работать будет по разному и не во всех браузерах.

Интерактивный текст на HTML5
6 613 Скрипты / Parallax

Параллакс эффект

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

Параллакс эффект
4 756 Скрипты / Zoom

Easy zoom плагин

Плагин для увеличения отдельных элементов изображения при перемещении курсора по нему.

Easy zoom плагин
5 022 Скрипты / Buttons

Увеличение иконки при наведении

Эффект почти такой же, как и у Apple Dock - иконка увеличивается в размерах при наведении. Реализуется только на CSS? поэтому плавности не будет, как если бы мы использовали jQuery.

Увеличение иконки при наведении