Най-доброто безплатно Генератор на радиус на CSS
Заобиколени ъгли на елементи визуално — пер-корнер или свързани, px/%/em — с живо преглед и копие.
100% безплатно
Няма регистрация.
Няма водяна марка
Файлове обработени в памет, никога не съхранявани
✨
Go Pro за най-добрите модели на МА – изображение, видео и чат – плюс по-големи качени, приоритет в редицата и без чакане.
Повишаване на професионалното
Любовта best.free? Сподели го.
Как действа
- Настройване на ъгъла. Превлачете всеки ъгъл плъзгач, или да поддържате връзката на всички ъгълове, за да ги преместите заедно.
- Гледайте прегледа. Ливе поле завива докато влечете; превключване на px,% или em в Advanced опции.
- Копиране на CSS. Натиснете Копиране CSS и вкарайте правилата за граничен радиус в стила ви.
За този инструмент
Заобиколи ъгъловете на елемента точно както ги искате. Превлачете плъзгач за всеки от четирите ъгъла или ги държите свързани така, че един плъзгач се движи всички четири — докато на живо показва резултата. Копиране на граничната радиус CSS, който се срива до една стойност, когато всеки ъгъл съвпада и се разширява на четири стойности форма, когато те се различават. Разширените опции превключват единицата между px,% и em, така че можете да изградите форми на хапчета и процентно- базиран кръг.
За какво го използват хората?
- Кръгла карта, бутон и ъгли на изображението
- Създаване на хапче или напълно заобиляема форма
- Настройване на различни радиуси на индивидуални ъгли
- Използване на процентно заокружаване за кръгове и овали
Често задавани въпроси
Да. Изключи връзката всички ъгли и всеки плъзгач контролира един ъгъл; CSS след това използва формата за четири стойности (горе-ляво, горно-дясно, долно-дясно, долно-ляво).
С него, превръщане на всеки плъзгач се движи всички четири ъгъла заедно и CSS се срива в една стойност.
Процентни кръгове спрямо размера на кутията, така че 50% на квадрат прави кръг и тя се скала с елемента. Пиксели дава фиксиран радиус.
Поставете голям радиус на всички ъгъла; за истинска хапче, радиус от половината височина на елемента — или 50% — обикаля края напълно.
Не. Плъзгачите изчисляват CSS низ локално във вашия браузър.
Напълно свободен, без сметка и без ограничения — инструмент на клиента, без нищо да измерва.
Да. Той работи във вашия браузър, така че CSS Граничен Радиус Генератор работи по телефони и таблетки, както и настолен плот — няма приложение за инсталиране.
Обикновено само няколко секунди за типичен файл — CSS Граничен радиус генератор започва да работи в момента, в който му дадете входа.
Безкрайната употреба е неограничен, под щедрото използване капачка, която го поддържа бързо за всички.
Всички модерни браузъри — Chrome, Safari, Firefox и Edge. CSS Граничен радиус Generator се нуждае от нищо инсталирано извън браузъра, който вече използвате.