💾 Order Button Animation – анимация, которая появляется после нажатия кнопки вместо лоадера. Когда заказ принят, кнопка возвращается обратно.

Сайтодел | #сниппет #css

💾 Alex the CSS Husky – анимация из нескольких элементов, написанная с помощью SCSS. Ее можно использовать для заголовка сайта или для страницы 404.

Сайтодел | #сниппет #css

💾 Futuristic Card Effect – карточка со слайд-шоу из фотографий. Для футуристичного эффекта есть фильтр в мелкую полосочку и неоновая подсветка текста.

Сайтодел | #сниппет #css

💾 Glassmorphism Buttons – кнопки, которые имитируют полупрозрачное стекло и подсвечиваются мягким неоновым светом в активном состоянии.

Сайтодел | #сниппет #css

💾 Balkan Style Portfolio Gallery – лендинг для портфолио дизайнера. Детализация каждой работы находится в выпадающем окне.

Сайтодел | #сниппет #css

💾 Animated Weather Cards – карточки с реалистичными спецэффектами. Некоторые элементы (капли дождя, снег, листья) попадают из карточки на саму страницу.

Сайтодел | #сниппет #css

💾 Inner Glow Card – прозрачная карточка с внутренней неоновой подсветкой. Рамка имеет волнообразную анимацию, цвета плавно перетекают друг в друга.

Сайтодел | #сниппет #css

💾 Atom Preloader – сложный лоадер в форме атома с элементами, которые вращаются в разные стороны. Кольца крутятся как в одной плоскости, так и по собственной оси.

Сайтодел | #сниппет #css

💾 Glassmorphism Buttons – кнопки, которые имитируют полупрозрачное стекло и подсвечиваются мягким неоновым светом в активном состоянии.

Сайтодел | #сниппет #css

💾 Loader – спиннер в виде капли, которая пульсирует и распадается на части. У каждого элемента есть падающая тень.

Сайтодел | #сниппет #css

💾 Image Grids Animation – анимация для картинок в виде сетки из скругленных рамок. Шаблон подстраивается под ширину каждого изображения.

Сайтодел | #сниппет #css

💾 Tile Hover Multi-Button – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу.

Сайтодел | #сниппет #css

💾 Atom Preloader – сложный лоадер в форме атома с элементами, которые вращаются в разные стороны. Кольца крутятся как в одной плоскости, так и по собственной оси.

Сайтодел | #сниппет #css

💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.

Сайтодел | #сниппет #css

💾 Neumorphic Liquid Slider – слайдер для погоды с анимированной шкалой. В зависимости от температуры меняется число градусов и цвет "воды".

Сайтодел | #сниппет #css

💾 Product Сard – анимированная карточка с выплывающим меню и подсветкой кнопки "корзина". В активном состоянии карточка визуально приближается к пользователю.

Сайтодел | #сниппет #css

💾 Claymorphic SVG Button – кнопка в трендовом стиле клейморфизм. Ее можно использовать в модальных окнах, в составе меню или отдельно.

Сайтодел | #сниппет #css

💾 Loader – спиннер в виде капли, которая пульсирует и распадается на части. У каждого элемента есть падающая тень.

Сайтодел | #сниппет #css

💾 Check Micro Animation – чекбокс с анимацией при нажатии. Элемент имеет градиентную заливку, которая заполняет всю его площадь в активном состоянии.

Сайтодел | #сниппет #css

💾 Dot Clock Preloader – часы, у которых стрелка формируется из маленьких квадратов. Когда все элементы собраны, часы снова распадаются на пунктирную окружность.

Сайтодел | #сниппет #css