91 Codepen

Генератор птиц

С помощью jаvascript генерируются летящие птицы с разным оперением, которые сами сделаны на чистом CSS

Генератор птиц
109 Codepen

Reveal animation

Популярный эффект reveal для плавного появления текста или картинок при скролле

Reveal animation
196 Codepen

WebGL Distortion Slider

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

WebGL Distortion Slider
172 Codepen

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

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

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

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

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

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

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

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

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