Космический загрузчик
Прелоадер в виде разгоняющейся по орбите космической ракете, которая в конце анимации улетает в открытый космос
Прелоадер в виде разгоняющейся по орбите космической ракете, которая в конце анимации улетает в открытый космос
Генератор фона из треугольников с возможностью настройки глубины, вариативности, цветов, градиента. Полученный результат можно скачать, как изображение любого выбранного размера
Генератор жидких кнопок на canvas
Интересный вариант исполнения страницы с ошибкой 404. Сделано все на CSS. Добавлена анимация с летающими бумажками и дремлющей луной.
На css grid реализована витрина магазина с изометрическим эффектом.
Точки группируются таким образом, что из них получаются буквы. Сделано на canvas. Точки разлетаются, реагируют на курсор мыши.
Оригинальная фотография рисуется точками, линиями, буквами, смайликами на canvas. Можно задать количество элементов из которых будет перерисовано новое изображение.
Буря на шейдерах с помощью three.js
При изменении окна браузера горизонтальное здание перестроится в небоскреб.
Анимация волнообразного движения нескольких плиток. Сделано на CSS.
Анимирование букв в слове при прокрутке страницы, используя animate.css и wow.js. Чтобы анимировать каждую букву, скриптом буква помещается в персональный контейнер
Эффект постепенного рисования карандашом. В данном случае воспроизводим рисование заставки к мультфильмам Уолта Диснея. SVG уже нарисован, остается только анимировать в правильном порядке svg path