Hypnotizing Cyclone - Гипнотический вихрь на шейдераx

#css #html #javascript

Generative Haunts - Случайным образом генерируемый дом с привидениями

#css #html

Deep Fractal Zoom II - Три разновидности фрактала. При перемещении курсора мы либо погружаемся, либо всплываем.

#css #javackript

Fractal Circles - Случайно генерируемые круги

#javascript #css #html

Curl noise - Пример curl noise с элементами в виде коробок. Используются шейдеры и webGL библиотека Kgl

#css #html #javascript

I swear to God I'm not drunk! - Три одинаковых изображения накладываются друг на друга образуя интересный эффект. При движении курсора, меняется положение изображений, создавая дополнительный объем.

#javascript #css #html

Organism - Абстрактная анимация на чистом CSS

#css

Extreme Hover - довольно-таки смелый hover эффект на изображении. При наведении происходит разделение блока на отдельные кусочки с общим фоном - картинкой.

#css #html

NEON LOVE - Неоновые огни на канвасе с помощью шейдеров. Неоновое сердце и знак бесконечности.

#css #html #javascript

A LONG WAY - Бесконечный цикл из простейших геометрических фигур расположенных по заданной траектории. Перемещаясь вместе с камерой, пролетаем через каждую фигуру.

#css #html

FLOATING LOVE HEARTS EFFECT - Сердца двигаются за курсором и быстро исчезают, поэтому никаких неудобств для пользователя не создают. При желании всегда можно уменьшить размер и количество сердечек. Проект выполнен на чистом JavaScript: скрипт размещён в HTML-блоке

#html #javascript

The Impossible Lightbulb w/ GSAP 💡🐻 - попытайтесь включить свет в темной комнате. Дверь откроется и мишка снова выключит лампочку. Сделано с использованием GSAP анимации.

#gsap

Rubber Slider - с эффектом резиновости реализованном с помощью gsap tweenmax.

#html #javascript

Spiral III — Случайно генерируемые градиентные спирали на канвасе

#css #javascript

Particle.js — Частицы на three.js с возможностью настроек вариантов отображения с помощью dat-gui

#css #html #javascript

Mitosys Canvas — Фоновый эффект для интро страницы сайта на канвасе. Митозис, деление клеток.

#css #html #javascript

Canvas Cloud — Облачная маска привязанная к движению курсора позволяет увидеть скрытое изображение.

#css #html #javascript

Sphere — Просто три вращающиеся сферы со случайным цветом для граней на three.js.

#css #html #javascript

Mouse grayscale webgl displacement shader — Область под курсором переводит в оттенки серого цветное изображение благодаря шейдерам

#css #html #javascript

Direction aware hover effect - Подчеркивание ссылки при наведении на пункт меню

#css #html #javascript