С информацией
Только заголовки

Параллакс эффект при движении мыши

Пример создания простого параллакса, реагирующего на движение курсора мыши

Данный скрипт не требует никакие библиотеки и занимает всего 6 строчек.

Читать далее

Поверхность океана

Фоновый эффект на JavaScript, демонстрирующий поверхность моря или океана

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

Читать далее

Случайные фрактальные окружности

Фоновый эффект на jQuery, создающий случайные фрактальные окружности разных цветов

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

Это решение хорошо подойдет для разноцветного сайта, например, детской тематики.

Читать далее

Сверкающие звезды на WebGL

Два примера фонового эффекта со сверкающими и движущимися звёздочками

Данные эффекты основаны на WebGL и не требуют никакие дополнительные библиотеки

Читать далее

Слайдер для смены двух фотографий

Пример создания слайдера "До" и "После" с диагональным разделением фотографий

Еще один вариант слайдера "До" и "После", который также может подойти для фонового эффекта секции.

Читать далее

Красивый эффект смены 2-х фотографий

Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши

Данный эффект хорошо подойдет для титульной страницы, где нет слайдера

Читать далее

Градиентный фон с ховер-эффектом

Красивый градиентный фон на WebGL с ховер-эффектом

Данный скрипт работает без дополнительных библиотек и весит всего 17кб.

Читать далее