Параллакс эффект при движении мыши
Пример создания простого параллакса, реагирующего на движение курсора мыши
Данный скрипт не требует никакие библиотеки и занимает всего 6 строчек.
Пример создания простого параллакса, реагирующего на движение курсора мыши
Данный скрипт не требует никакие библиотеки и занимает всего 6 строчек.
Фоновый эффект на JavaScript, демонстрирующий поверхность моря или океана
В данном скрипте объединено несколько эффектов — это движущиеся облака, колебание волн, пролетающие птицы и плюс ко всему этому присутствует взаимодействие с движением курсора мыши.
Фоновый эффект на jQuery, создающий случайные фрактальные окружности разных цветов
Данный фон генерируется случайным образом и меняется при каждом обновлении страницы. Его можно также обновить по клику или ховеру на элементе.
Это решение хорошо подойдет для разноцветного сайта, например, детской тематики.
Два примера фонового эффекта со сверкающими и движущимися звёздочками
Данные эффекты основаны на WebGL и не требуют никакие дополнительные библиотеки
Фоновый эффект, создающий лучи солнца из угла фотографии
Эффект основан на WebGL и работает на библиотеке KGL
Пример создания слайдера "До" и "После" с диагональным разделением фотографий
Еще один вариант слайдера "До" и "После", который также может подойти для фонового эффекта секции.
Фон из точек с ховер эффектом на CSS
Точки в данном примере заменяются на крестики при наведении курсора мыши.
Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши
Данный эффект хорошо подойдет для титульной страницы, где нет слайдера
Красивый градиентный фон на WebGL с ховер-эффектом
Данный скрипт работает без дополнительных библиотек и весит всего 17кб.