💾 Box Shadow Animation – эффект изменения ширины рамки. Достигается за счет анимации для тени кнопок.

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

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

HEX | RGB
#FDF1E5 | rgb(253,241,229)
#F48221 | rgb(244,130,33)
#4B2516 | rgb(75,37,22)

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

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

🐙 Odoo – это набор бизнес-приложений с открытым исходным кодом. Odoo можно использовать автономно, но эти приложения также легко интегрируются в уже готовые проекты.

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

🐙 Element – библиотека компонентов для разработчиков, дизайнеров и продакт-менеджеров, которая основана на Vue 2.0. Содержит все необходимые элементы для создания лаконичного веб-интерфейса.

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

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

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

💾 Neu Times – оригинальные часы с цифрами на подвижных пластинках. Каждому элементу соответствует максимально возможное количество цифр.

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

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

💾 CSS3 Speedometer Emoji Gauge – шкала оценки, где каждой реакции соответствует свой цвет и эмодзи. Перетаскивать можно только бегунок на горизонтальной шкале.

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

🖥 Sharing Bills App UI Design – дизайн приложения для отслеживания платежей за недвижимость. Все оттенки здесь светлые и теплые, есть много 3D-иллюстраций.

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

🖥 The Art Of Geometry – набор 3D-фигур для дизайна. Тут есть матовые и глянцевые объекты, имитация стеклянных фигур и сложные геометрические формы.

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

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"

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

💾 Expanding Cards – блок карточек в приглушенных тонах. При наведении курсора на карточке срабатывает анимация.

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

💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

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