CSS генератор заокруглення кутів

Цей онлайн-генератор border-radius допоможе легко створити заокруглені кути для CSS-блоків. Ви можете налаштувати всі чотири кути, увімкнути режим еліпса і побачити зміни наживо. Жодних здогадок — просто рухайте повзунки й копіюйте!

CSS властивості
Округлення
Значення

Створюйте ідеальні заокруглення з легкістю

Якщо ви коли-небудь намагались вручну виставити значення border-radius і не могли досягти бажаного вигляду — цей інструмент саме для вас. Чи то м’які картки, чи кнопки-таблетки, чи повністю кастомні макети — візуальний генератор спрощує процес і допомагає створити точні, естетичні заокруглення за лічені секунди.

Можливості та Функції:

  • Контроль кожного кута: Регулюйте верхній лівий, верхній правий, нижній лівий і нижній правий кути окремо або разом.
  • Режим еліпса: Створюйте еліптичні заокруглення, задаючи окремі горизонтальні та вертикальні радіуси.
  • Превʼю в реальному часі: Побачте зміни одразу під час налаштувань.
  • Налаштування блоку: Контролюйте розмір, фон та інші параметри блоку для наочного попереднього перегляду.
  • Готові шаблони: Спробуйте веселі й креативні варіанти заокруглень для швидкого старту.
  • Візуальний редактор: Інтуїтивні повзунки та поля вводу — без необхідності памʼятати синтаксис.
  • Збереження проєктів: Зберігайте налаштування локально та повертайтеся до них пізніше.
  • Копіювання коду: Отримуйте чистий, валідний CSS всього в один клік.