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

Infinite rainbow - Анимация точек на CSS, каждая из которых имеет свой цвет. Все вместе точки образуют радужный градиент.

#css #html

Bokeh effect (CSS) - Эффект Боке, который попробовали повторить на CSS.

#css #html

Animated underline effect on several lines - CSS анимация эффекта подчеркивания текста. Эффекты достигаются с помощью css градиентов и background-position.

#css #html

Pure CSS Hover - При наведении на элемент его размер по ширине увеличивается, размеры соседних элементов при этом уменьшаются. Так же дополнительно с элемента убираются наложенные, по умолчанию, эффекты: приглушение изображения за счет фильтра grayscale и небольшого прозрачного темного градиента.

#css #html

Pure CSS watch animation - Анимация наручных часов на чистом CSS.

#css #html #js

Apple Keyboard - Клавиатура apple, которую сделали на html и css.

#css #html