Animated Background | Pure CSS

Анимация движущегося фона, реализованная на чистом CSS.

#css

Login form. Svg animation

Вёрстка создана на HTML и Sass. Рыба - анимированная svg-картинка.

#css

A Cubey Slider

Верстка реализована при помощи препроцессоров Pug и SCSS. В качестве языка программирования используется CoffeeScript.

#css #js

Sliding tabs 

Скользящая панель вкладок, реализованная на CSS (SCSS).

#css

Pure CSS Tree

Дерево вкладок. Написано на чистом CSS.

#css

Selectionator

Список, раскрывающийся при наведении на меню выбора. Реализован с помощью CSS и jQuery.

#css #jquery

Gradient Button | Pure CSS

При наведении на кнопку меняется градиент ее заливки. Реализовано на чистом CSS.

#css

Only CSS: Paper Bird

Создано при помощи препроцессоров Pug и SCSS, без использования JS.

#css

Hexagonal Loading Animation

Оригинальный загрузчик, созданный на HTML и CSS.

#css

User avatar list pile-up

Список аватаров пользователей, раскрывающийся при наведении. Реализован с помощью CSS и jQuery.

#css #jquery

Catsomnia

Сцена, реализованная на HTML и CSS, к которой применяются бесконечные CSS-анимации.

#css

CSS Sticky Parallax Sections

Анимация параллакса. Написана на чистом CSS.

#css

File scan

Стилизовано и анимировано при помощи SCSS.

#css

Skillet Switch

Создано и анимировано на HTML и CSS.

#css

CSS View Transition

Здесь анимируется CSS-свойство mask-position и transform: scale в SCSS-коде.

#css

Turning pages with CSS

Анимация перелистывания страниц, реализованная на чистом CSS.

#css

404 Concept Page

Анимация адаптивной страницы ошибки 404 на чистом CSS.

#css

Goey footer

Футер с анимацией стекающих капель. Реализован с помощью CSS.

#css

Delete Button Animation

Внутри кнопки находится svg-картинка, анимируемая при помощи CSS.

#css

CSS Typing Effect

Эффект набора текста. Реализован с помощью CSS.

#css