Параллакс эффект при движении мыши
Пример создания простого параллакса, реагирующего на движение курсора мыши
Данный скрипт не требует никакие библиотеки и занимает всего 6 строчек.
Поверхность океана
Фоновый эффект на JavaScript, демонстрирующий поверхность моря или океана
В данном скрипте объединено несколько эффектов — это движущиеся облака, колебание волн, пролетающие птицы и плюс ко всему этому присутствует взаимодействие с движением курсора мыши.
Случайные фрактальные окружности
Фоновый эффект на jQuery, создающий случайные фрактальные окружности разных цветов
Данный фон генерируется случайным образом и меняется при каждом обновлении страницы. Его можно также обновить по клику или ховеру на элементе.
Это решение хорошо подойдет для разноцветного сайта, например, детской тематики.
Сверкающие звезды на WebGL
Два примера фонового эффекта со сверкающими и движущимися звёздочками
Данные эффекты основаны на WebGL и не требуют никакие дополнительные библиотеки
Солнечные лучи на JS
Фоновый эффект, создающий лучи солнца из угла фотографии
Эффект основан на WebGL и работает на библиотеке KGL
Слайдер для смены двух фотографий
Пример создания слайдера "До" и "После" с диагональным разделением фотографий
Еще один вариант слайдера "До" и "После", который также может подойти для фонового эффекта секции.
Оригинальный фон из точек
Фон из точек с ховер эффектом на CSS
Точки в данном примере заменяются на крестики при наведении курсора мыши.
Красивый эффект смены 2-х фотографий
Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши
Данный эффект хорошо подойдет для титульной страницы, где нет слайдера
Градиентный фон с ховер-эффектом
Красивый градиентный фон на WebGL с ховер-эффектом
Данный скрипт работает без дополнительных библиотек и весит всего 17кб.
Проверенный хостинг:
Работаю с ним более 10 лет!
Хостинг от 119 рублей в месяцVDS от 45 рублей в месяц
10 дней для бесплатного тестирования
Неограничено почтовых ящиков и доменов
Бесплатный SSL сертификат