Gate of Time SVG + CSS - Врата времени нарисованные на SVG и анимированные с помощью CSS

#pure_css

Button Collection - Коллекция css анимаций для кнопок при наведении на них курсора

#pure_css

Christmas tree Vanilla - Новогодняя ёлочка сделанная на чистом CSS. Задний фон и мерцающие буквы с Новым годом, также реализованы на CSS.

#pure_css

CSS Image Hover Effects - Эффект наведения на блоки с изображениями и текстом

#pure_css

Text fill on hover #1 - Эффект заполнения текста при наведении. Реализовано с помощью CSS.

#pure_css

CSS Swinging Christmas Tree - Адаптивная вращающаяся новогодняя ёлочка с разноцветными огоньками на чистом CSS

#pure_css

Neumorphism Gradient Loader - Градиентный лоадер в стиле неоморфизм, который прогнозируется, как один из трендов 2020 года. Реализован на чистом CSS.

#pure_css

Blur Text - Размытие текста с помощью css свойства filter: blur()

#pure_css

Single div CSS book search - Книжная полка с анимацией выполненная с помощью одного дива.

#pure_css

Breathe (Coded on iOS) - неоновая вывеска с анимацией мерцания, симулируя перегорающие буквы. Сделано с помощью CSS.

#pure_css

Toggles - Анимированные чекбоксы на чистом css

#pure_css

Dandelion - одуванчик на канвасе. Реагирует на движение курсора.

#pure_css

Almost before we knew it ❤️ - Это готовая анимация, в которую можно вписать текст для интро и аутро. Таким образом появляется возможность написать о своих чувствах конкретному человеку, скопировать ссылку на пен с изменённым текстом и отправить адресату. Кириллица поддерживается, но шрифт при этом становится стандартным.

#pure_css

Candle Flame Animation - Анимация пламени свечи на чистом CSS. Получилось действительно очень реалистично.

#pure_css

Slinky Text - Немного css магии font-variation-settings, -webkit-background-clip, -webkit-text-fill-color приправленной js и прикольный эффект над текстом.

#pure_css

Волна частиц — волна на canvas из летящих частиц

#pure_css

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

#pure_css

Fluid text hover - При hover на текст его фон становится текучим, как жидкость.

#pure_css

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

#pure_css

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

#pure_css

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

#pure_css