Animate "height" with CSS Transitions - эффект выпадающего блока с текстом. Его основное преимущество - это плавность анимации.

#pure_css

Pricing - интересная идея реализации карточки товара с 3D эффектом, реализованная на чистом CSS

#pure_css

Sticky Photostack - при скроллер фотки складываются в стопку, написанный на чистом css

#pure_css

CSS Custom Radio Buttons - Стилизация radio кнопок для форм на чистом CSS.

#pure_css

🌙 & ⭐️ (Single <div>) - Полумесяц в ночном небе с яркими звездами реализованный с помощью одного тега на CSS

#pure_css

Freddie Mercury CSS - Вокалист рок-группы Queen Фредди Меркьюри, которого сделали на чистом CSS

#pure_css

Drop - Разводы на воде от капли на CSS

#pure_css

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