💾 ScrollTrigger Image Zoom – анимация скролла страницы. Прокрутка создает необычный эффект зума в середину страницы, а потом переходит в перелистывание слайдов.

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

🐙 Phoenix-MD – бот для WhatsApp с расширенной функциональностью. Он позволяет находить аудио и изображения, управлять чатами и многое другое.

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

💾 Price Range Slider – слайдер для цен с градиентом, который адаптируется под выбранную длину. При движении ярлык с ценой покачивается как реальный предмет.

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

🎨 Цветовая палитра макета "Ice Cream Landing Page"

HEX | RGB
#F094DF | rgb(240,148,223)
#A10520 | rgb(161,5,32)
#400404 | rgb(64,4,4)

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

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

💾 Skillet Switch – необычный анимированный переключатель в виде сковородки с яичницей, который двигается по оси в сторону наблюдателя.

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

🖥 Grass – макет для сайта про ИИ. Основной цвет – салатовый, смешанный с бирюзовым. В макете есть небольшие модальные окна и интересная инфографика.

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

✍️ Thunder – узкий шрифт, который подходит для крупных заголовков и используется для создания контраста. Пример можно увидеть в макете Abstract 3D Coral Shapes

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

💾 Jackie's Pet Store – лендинг для зоомагазина. Здесь есть крутые 3D-иллюстрации, выпадающие окна и эффект зума при наведении курсора на карточки.

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

🐙 OpenLayers – высокопроизводительная библиотека для создания интерактивных географических карт. Библиотека написана на JavaScript и имеет открытый исходный код.

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

Создали сайт, чтобы вам не пришлось 😊

Представляем готовую инновационную платформу для запуска сайта — Аспро: Приорити 2.0. На ней пользователи могут показать экспертность, собирать заявки и получать оплату. Только для подписчиков канала «Сайтодел» дарим скидку 20% по промокоду: SITODEL20.

Реклама: ООО "Аспро", erid 2VtzqwiU165

💾 Motion Blurred Number – счетчик цены с заданными точками на "круглых" числах. Ползунок можно перетаскивать, а можно и кликать на любую точку шкалы.

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

🖥 Ecommerce App – дизайн приложения для интернет-магазина. Здесь есть два типа карточек: заполненные градиентом и прозрачные с круглым фоном для товара.

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

💾 Grainy & Gradients Text – текст с переливающимся градиентом. На фон и на саму надпись добавлен крупный зернистый эффект.

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

🖥 Ecommerce App – дизайн приложения для интернет-магазина. Здесь есть два типа карточек: заполненные градиентом и прозрачные с круглым фоном для товара.

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