💾 Masked Circle Slider – слайдер с маской в виде окружности с текущей фотографией. Чтобы перелистнуть страницу, нужно перетащить ее вправо или влево.

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

💾 80s Music Facts – страница с плеером и анимированными карточками. Если навести курсор на фото, оно приблизится с небольшим поворотом вправо.

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

💾 Lotus – элемент, который реагирует на движение курсора: меняет форму, цвет и насыщенность лепестков.

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

💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.

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

🎨 Цветовая палитра макета "Foodee Mobile App Interface":

HEX | RGB
#FECC87 | rgb(254,204,135)
#F28582 | rgb(242,133,130)
#689984 | rgb(104,153,132)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 One Element CSS Spinners – коллекция лоадеров, которые основаны на разных геометрических формах. Некоторые элементы меняют прозрачность, а другие имеют элементы 3D.

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

🐙 Pipedream – это платформа для разработчиков, которая позволяет интегрировать приложения, работать с API и создавать автоматизацию на основе событий.

Сайтодел | #репозиторий #github

🐙 Pipedream – это платформа для разработчиков, которая позволяет интегрировать приложения, работать с API и создавать автоматизацию на основе событий.

Сайтодел | #репозиторий #github

🖥 Note-taking Mobile iOS App – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.

Сайтодел | #макет #figma

💾 CSS Only Shimmer Button – кнопка с эффектом подсветки. Неоновое свечение вращается по часовой стрелке всего пару секунд.

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

✍️ Asap – современный шрифт без засечек с закругленными углами, который был разработан специально для цифровых экранов. Его особенность - стандартизированная ширина символов, благодаря чему строки остаются одинаковой длины.

Сайтодел | #шрифт

💾 Click/Tap Rhythm Password – эффект для кнопки с анимацией фона и изменением цвета. Можно настроить его не только на кейс с ошибкой, но и на успешное действие.

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

🐙 HTMX – мощные инструменты для HTML, которые работают с AJAX, CSS-переходами и веб-сокетами. Доступ к этим технологиям создается с помощью специальных HTML-аттрибутов.

Сайтодел | #репозиторий #github

💾 Procedural Birb – маленькие птички, параметры для которых генерируются рандомно. Можно создать свою иллюстрацию, задав необходимые черты в окне настроек.

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

💾 Infinite Scroll Animation – бесконечная прокрутка элементов, которая сделает сайт динамичнее и поможет уместить много заголовков в ограниченное пространство.

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

🎨 Цветовая палитра макета "Neo-Brutalism UI Kit"

HEX | RGB
#FFFB47 | rgb(255,251,71)
#B8FF9F | rgb(184,255,159)
#FF9FA0 | rgb(255,159,160)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Infinite Random Gradients Generator – генератор градиентов для CSS, который поможет выбрать самые оригинальные сочетания цветов для вашего приложения.

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

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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

💾 Cards – карточки с градиентным зернистым фоном и подсветкой, которая появляется при наведении курсора на элемент.

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

💾 World Places – трехмерная галерея для карточек с текстами и изображениями. В активном состоянии элемент "всплывает" и показывается пользователю.

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

💾 Button Hover Effect – анимированная неоновая подсветка для кнопок. При наведении курсора вместо лучей появляется светящийся прямоугольник.

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