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

Infinity Preloader - Анимация загрузки, которая выполнена в форме знака бесконечности.

#html #css

Leaky Preloader - Прикольная анимация загрузки, где линия загрузки рассыпается на две части.

#html #css

CSS Clip-Path Hover Effect - использование свойства clip-path при наведении для придания изображению формы стрелки с анимацией.

#css

Electric strings — электрический "паук", который следует за движением курсора. Реализован с помощью JavaScript.

#javascript

Sea anemone - Морской анемон, реализованный с помощью javascript

#javascript #css

Lava Lamp effect - Генерируются случайным образом круги разных цветов и размеров, и с разной задержкой анимации. С помощью svg фильтров feGaussianBlur, feColorMatrix и feComposite достигается итоговый результат. Без svg фильтров это просто хаотично движущиеся шарики.

#html #css #js

Responsive Blog Card Slider - Адаптивная карточка со слайдером swiper для использования на сайте.

#html #css #js