WebGL Distortion Slider

Крутой слайдер с эффектом искажения при смене слайдов. Сделано с использованием библиотек three.js и TweenMax

Частицы реагирующие на курсор

Эффект с летающими частицами, которые реагируют на курсор

Эффект с частицами

SVG маска для фонового изображения

SVG маска для изображения. Удерживая левую кнопку мышки область маски будет расти и изображение вернется к своему исходному состоянию. Перемещая курсор мыши, область под ним будет отображать исходную картинку без маски.

Велосипедистка

Велосипедистка анимированная с помощью CSS.

Форма авторизации и регистрации

Совмещенная форма авторизации и регистрации в одном интерфейсе. Переключение сделано посредством табов с анимацией на CSS. Само переключение табов сделан на JS, также в скрипте добавлена проверка валидации для форм.

Цыпленок летающий в облаках

Простая анимация летящего в небе с облаками цыпленка реализованная на чистом CSS

Иллюминация на чистом CSS

Иллюминация реализованная только с помощью CSS

Звуковая анимация на paper.js

С помощью библиотеки paper.js (фреймворк работающий с векторной графикой на canvas) реализован музыкальный синтезатор. Просто нажимайте на английской раскладке буквы, и услышите воспроизведение звуковых эффектов.

Летающие самолетики

Генератор летающих самолетиков на three.js. Эффект похож на стаи птиц в небе.

Гиперпрыжок в космосе

Эффект гиперпрыжка в космосе. Сделано на CSS.

Щупальца из точек на CSS

Анимация на CSS похожая на движение щупалец, основой которых, послужили обычные круги