Безплатно ползване, без регистрация
CSS Генератор на радиус на границата
Оформете всеки ъгъл независимо, включително елипсовидни хоризонтални и вертикални радиуси. Прегледайте резултата и копирайте компактен CSS.
Как да генерирам CSS border-radius стойности?
Изберете пиксели или проценти, коригирайте хоризонталния и вертикалния радиус за всеки ъгъл, след което копирайте генерираната border-radius декларация. CSS може пропорционално да нормализира припокриващите се радиуси, за да пасне на елемента.
Често задавани въпроси
Как да генерирам CSS border-radius стойности?
Изберете пиксели или проценти, коригирайте хоризонталния и вертикалния радиус за всеки ъгъл, след което копирайте генерираната border-radius декларация. CSS може пропорционално да нормализира припокриващите се радиуси, за да пасне на елемента.
Моят CSS или дизайн качен ли е?
Не. Визуализацията и CSS се генерират в този раздел на браузъра. Няма качване, акаунт, извикване на API или автоматично запазване.
Може ли всеки ъгъл да има различен радиус?
Да. Задайте отделна хоризонтална и вертикална стойност за горния ляв, горния десен, долния десен и долния ляв ъгъл.
Какво означава наклонената черта в border-radius?
Разделя хоризонталните радиуси от вертикалните радиуси, създавайки елиптични ъгли. Ако всеки ъгъл използва една и съща хоризонтална и вертикална стойност, генераторът пропуска наклонената черта.
Защо визуализацията може да изглежда по-малка от стойностите?
CSS пропорционално нормализира радиусите, които биха се припокрили на ръба. Това е стандартно поведение на браузъра и се прилага и в този преглед.