26 916 Скрипты / Other

Новогодняя мотня от Яндекса 2.1

Елочные шарики, которые двигаются при наведении на них мышкой, а ещё издают звук. Новая версия 2.1! Специально от pcvector.net. Удален flash. Переписан jаvascript. Всех с наступающим Новым годом!

Новогодняя мотня от Яндекса 2.1
10 474 Скрипты / Other

SnowFall — Анимация падающего снега

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

SnowFall — Анимация падающего снега
8 680 Скрипты / Other

Снегопад на базе particles.js

Снегопад реализованный с помощью библиотеки particles.js. Добавлено реагирование снежинок на движение и нажатие курсора. В качестве снежинки используется простая прозрачная png картинка, которую можно заменить не только на снежинки.

Снегопад на базе particles.js
1 942 Скрипты / Other

Изменение формы курсора при наведении на ссылку

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

Изменение формы курсора при наведении на ссылку
6 751 Скрипты / Other

Bubbly — анимированный фон из пузырьков на canvas

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

Bubbly — анимированный фон из пузырьков на canvas
6 054 Скрипты / Other

Cocoen — сравнение изображений до и после

Визуальное сравнение двух изображений одного и того же момента, но при разных условиях. Передвигая бегунок слева направо или в обратном направлении можно наглядно сравнить состояния До и После.

Cocoen — сравнение изображений до и после
6 464 Скрипты / Other

Мерцающая гирлянда на чистом CSS

Гирлянда в шапку сайта реализованная на чистом CSS. Добавит новогоднего настроения, но не стоит оставлять её на долго на сайте или даже в сессии пользователя. Постоянно мерцающие огоньки очень быстро утомляют и напрягают. Размещая гирлянду на сайт учитывайте это.

Мерцающая гирлянда на чистом CSS
5 764 Скрипты / Other

Открытка с Новым годом

Слегка видоизмененная открытка к новому году найденная на codepen. Смотрится эффектно, при этом никакого сложного кода не написано. В основном это анимации на CSS3.

Открытка с Новым годом