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

DotCSS - Inspiration 2 - Прикольная абстракция из точек, анимированная на CSS.

Isometric eCommerce CSS Grid - Витрина магазина с изометрическим эффектом, реализованная на css grid.

#css #html #js

CSS 3D Blend Mode Buttons - 3D-кнопки, при наведении которых они становятся объёмными.

#css #html

Button Hover - Pattern Background Animation - Кнопка, при наведении на которую появляется анимация на самой кнопке.

#html #css