Генератор на CSS Border Radius
Визуално създавайте CSS border-radius с преглед на живо и копирайте готов за продукция код.
border-radius: —;
100% поверително — всичко работи във вашия браузър. Нищо не се качва.
За Генератор на CSS Border Radius
Генераторът на CSS border radius създава всичко от меко заоблени карти до органични форми на капки. Плъзнете дръжките на ъглите директно върху прегледа или задайте всеки ъгъл числово — включително пълния синтаксис от осем стойности, при който всеки ъгъл има отделни хоризонтален и вертикален радиус. Тази втора ос е тази, която отключва яйца, листа, сълзи и капки.
Превключвател за свързване на ъглите поддържа всичките четири ъгъла синхронизирани за класическо еднакво заобляне, докато разкачването им освобождава всеки ъгъл за асиметрични форми. Дванадесет готови настройки — заоблена, хапче, кръг, скругленка, две капки, лист, яйце, арка, сълза, венче и вълна — демонстрират какво може свойството, а бутон за разбъркване генерира свежи органични форми безкрайно.
Можете да смените мерната единица, да прецветите елемента и платното, за да съответстват на дизайна ви, и да копирате или чистата стойност на border-radius, или пълно CSS правило. Инструментът е 100% на страна на клиента — нищо не се качва.
Как да използвате Генератор на CSS Border Radius
- Плъзнете дръжките на ъглите върху прегледа или изключете „Свържи всички ъгли“, за да редактирате всеки ъгъл поотделно.
- Задайте хоризонталния и вертикалния радиус за всеки ъгъл за органични форми, подобни на капки.
- Изберете мерна единица и коригирайте цветовете на елемента и фона, за да прегледате в контекст.
- Опитайте готовите настройки — хапче, скругленка, капка, лист, сълза и други — или натиснете разбъркване.
- Копирайте стойността на border-radius или пълния CSS.