A colourful world of Turbulence - Разноцветные частицы закручиваются в одну или несколько спиралей на канвасе. По клику генерируется новая случайная картинка.

#pure_css

Organic Onboarding - Для эффекта размытия в местах сопряжения слайдов используется SVG c фильтром размытия

#pure_css

CSS Filter Cards - Hover эффект на CSS использующий фильтры для заблюривания неактивных карточек

#pure_css

Simple WebGL Galaxy - Простая реализация галактики на three.js. В шейдерах используется текстура картинки звезды.

#pure_css

Distortion Effect - Эффект перетекания одного изображения в другое на шейдерах, с gsap анимацией на канвасе

#pure_css #js

Hamburger Icons Animations — Анимации иконки гамбургера в нескольких разных вариациях на CSS

#pure_css

Interactive Nintendo GameBoy — GameBoy от Nintendo на CSS с той самой мелодией включения

#pure_css #js

Only CSS: STARFOX Arwing Drone - Космический истребитель STARFOX Arwing Drone из игры, который воспроизвели с анимацией полета в космосе на чистом CSS

#pure_css

Using VW inside TranslateZ — Параллакс эффект, созданный на CSS. Тридцать дивов с одним и тем же фоном из цветов, абсолютно с позиционирован и, благодаря координате Z, каждый из дивов смещен на уровень ниже, относительно другого.

#pure_css

Perpendicular lines — Анимированные перпендикулярные линии на канвасе с привязкой к движению курсора.

#pure_css

CSS BEER! - Кружка пива, которая наполняется пивом. Сделано на CSS и с использованием SVG.

#pure_css

Snail | Pure CSS - Анимация улитки на чистом CSS

#pure_css

Drifting car loader — Загрузчик для страницы в виде дрифтующей по кругу машины. Анимация на CSS, машинка это SVG.

#pure_css

Pure CSS "Birthday Pen" — Два кролика отмечают день рождения и рассказывают друг другу шутки. Анимационная картина сделанная на чистом CSS. Поражает своей детальной проработкой во всех аспектах.

#pure_css

Apple devices slide show - Слайдер из apple устройств, которые реализованы на CSS. За счет смены css класса происходит анимация появления следующего устройства.

#css #html #js

Glitch Effect on Hover - При наведении на изображение воспроизводится глитч эффект. Сделано на CSS за счет использования одного и того же изображения несколько раз.

#css #html

CSS Box Dog - Анимация собачки на CSS.

#css #html #js

Tessellation Hover Grid - Эффект тесселяции при наведении на ячейки в сетке. Сетка grid построена на базе 200 блоков. Сделан эффект на чистом CSS.

#html #css

Only CSS: Chase Ameba - Эффект наведения на ячейки css grid, который похож, как будто мы преследуем какую-то кляксу или амёбу.

CSS Desert Night Scenery - Легкая анимация в ночной пустыне.

#css #html #js

CSS Loading Screen - Анимированный лоадер на CSS.

#css #html