💾 Custom Dot Cursor – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.

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

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

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

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

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

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

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

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

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

💾 Signature Animation – поле ввода, которое превращает текст в имитацию рукописной подписи. Эффект работает только с латиницей.

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

💾 Cards – карточки, которые разворачиваются как книжка. В каждой из них есть анимированная кнопка и место для изображения.

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

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

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

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

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

💾 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