Изображение точками, линиями, буквами, смайликами на canvas
Оригинальная фотография рисуется точками, линиями, буквами, смайликами на canvas. Можно задать количество элементов из которых будет перерисовано новое изображение.
Шторм
Буря на шейдерах с помощью three.js
Stepper.js — увеличение/уменьшение значений в input type="number" заданным шагом
Скрипт позволяющий кастомизировать кнопки плюс/минус у поля input type="number" в соответствии с дизайном. Настройки интервала значений и шага задаются через привычные атрибуты поля: step, max, min. Поля такого рода часто используются при указании количества товара помещаемого в корзину, а также управление товаром в самой корзине.
Адаптивное здание на CSS
При изменении окна браузера горизонтальное здание перестроится в небоскреб.
Волнообразное движение плиток
Анимация волнообразного движения нескольких плиток. Сделано на CSS.
Анимирование букв в слове
Анимирование букв в слове при прокрутке страницы, используя animate.css и wow.js. Чтобы анимировать каждую букву, скриптом буква помещается в персональный контейнер
Эффект рисования карандашом svg изображения Микки Мауса
Эффект постепенного рисования карандашом. В данном случае воспроизводим рисование заставки к мультфильмам Уолта Диснея. SVG уже нарисован, остается только анимировать в правильном порядке svg path
Низкополигональные животные
Анимация превращения полигональных животных из одного в другого с помощью js и svg
Волны
Скрипт для генерации волн
Рентген кашалота
SVG маска, которая позволяет создать интересный эффект "просвечивания" кашалота, как на рентгене
Анимация подчеркивания текста при наведении
CSS анимация эффекта подчеркивания текста. Эффекты достигаются с помощью css градиентов и background-position
Svg morphing
Преобразование одной SVG фигуры в другую с плавной анимацией. На заднем фоне видео. Анимируются красные многоугольники.