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

Sliding Sign In Sign Up Page — Концепт формы авторизации и регистрации с интересной анимацией переключения

#css #html #javascript

Game of Thrones: Daenerys, Mother of Dragons — Мать драконов из игры престолов на SVG с параллакс эффектом

#css #html #javascript

CSS ART Vintage VW Bug - cверстанный на html и css винтажный автомобиль volkswagen жук.

#css #html

Rushing rapid in a forest by Three.js - Водопад в лесу на канвасе с помощью three.js в стиле minecraft

#css #html #js

Strange Tubes #2 — Объёмные трубки с переливающимся градиентом с определенной амплитудой колыхаются в пространстве. По клику меняется градиент, а на движение курсора реагирует амплитуда трубок

#css #html #js