Радиус границы контролирует закругленность углов элемента. Различные значения радиуса создают разные ощущения от дизайна: от резкого и профессионального до мягкого и дружелюбного.
Отрегулируйте каждый угол независимо с помощью ползунков. Предварительный просмотр обновляется в режиме реального времени. Скопируйте код CSS для своего проекта.
Frequently Asked Questions
Q: Могу ли я установить разные радиусы для каждого угла?
Могу ли я установить разные радиусы для каждого угла? Да, используйте формат: border-radius: верхний левый верхний правый нижний правый нижний левый.
Q: Какой радиус границы лучше всего подходит для карты?
Какой радиус границы лучше всего подходит для карты? 12–16 пикселей – оптимальное решение для карточек в большинстве современных дизайнов.
Q: Какие значения радиуса границы следует использовать для разных элементов?
Какие значения радиуса границы следует использовать для разных элементов? На карточках обычно используется размер 8–16 пикселей, кнопки — 4–8 пикселей, модальные окна — 12–20 пикселей, а аватары — 50 % для кругов. Используйте большие значения для более крупных элементов для обеспечения пропорциональной согласованности.
Q: Как создать кнопку в форме таблетки?
Как создать кнопку в форме таблетки? Установите для радиуса границы очень большое значение, например 999 пикселей. Браузер ограничит его половиной высоты элемента, автоматически создав форму таблетки независимо от размера кнопки.
Q: Могу ли я применить разные радиусы к каждому углу?
Могу ли я применить разные радиусы к каждому углу? Да, четыре отдельных угловых элемента управления позволяют устанавливать уникальные значения для верхнего левого, верхнего правого, нижнего правого и нижнего левого угла. Это полезно для элементов направленного дизайна.
Русские традиционные цвета
От гжельской синевы до хохломского золота — русская палитра рождена народными промыслами, иконописью и северной природой. Эти цвета до сих пор вдохновляют дизайнеров по всему миру.
Алый #FF2400Алый цвет знамён, сарафанов и праздничной символики
Васильковый #6495EDЦвет полевых васильков — символ русских лугов
Золото Хохломы #D4AF37Золотой орнамент хохломской росписи
Гжель Синий #005A9CКобальтовая синева гжельской керамики
Изумрудный #50C878Цвет уральских самоцветов и малахита
Бордовый #800020Тёмно-красный цвет театральных занавесов
Янтарный #FFBF00Балтийский янтарь — золото Калининграда
Сиреневый #C8A2C8Нежная сирень майских садов
Охристый #CC7722Цвет иконописи и древних фресок
Снежно-белый #F8F8FFБелый снег русских зим
Q: Что такое гжель?
Что такое гжель? Гжель (#005A9C) — традиционная русская керамика с синей кобальтовой росписью на белом фоне, производимая в Подмосковье с XVIII века и ставшая символом русского народного искусства.
Q: Что такое хохлома?
Что такое хохлома? Хохлома — традиционная деревянная роспись с золотым орнаментом (#D4AF37) на чёрном или красном фоне, создаваемая в Нижегородской области с XVII века.