Анимация часов на CSS

Анимация наручных часов на чистом CSS

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

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

Reveal animation

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

WebGL Distortion Slider

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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