🚀 Pockit 크롬 확장프로그램 공식 출시

매번 검색해서 들어오시나요? 브라우저에 설치하고 1초 만에 실행하세요.

Chrome에 추가 (무료)

100% 프라이버시 보장

모든 데이터는 브라우저 내부에서만 처리됩니다. 파일은 절대 서버로 전송되지 않으니 안심하세요.

CSS 보더 라디우스

부드러운 모서리 디자인이 필요하신가요? 네 모서리의 둥근 정도를 시각적으로 조절하고 CSS 코드를 바로 가져가세요.

Shape Presets

CSS Code
border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;

Shape Settings

Vertical Axis

무료 CSS 보더 라디우스 생성기 - 독특한 모양 만들기

시각적 CSS border-radius 생성기로 독특한 둥근 모서리와 유기적인 블롭 모양을 디자인하세요. 4개 또는 8개의 컨트롤 포인트를 조절하여 비대칭 곡선, 버튼, 장식 요소를 만드세요. 실시간으로 모양을 미리보기하고 CSS 코드를 즉시 복사하세요. 창의적인 영감을 위한 랜덤 모양 생성. UI 컴포넌트, 프로필 프레임, 모던 웹 디자인에 완벽합니다.

1이 도구는 언제 쓰나요?

💡유기적인 모양의 프로필 이미지 틀을 만들 때
💡독특한 배경 장식 요소를 디자인할 때
💡부드러운 느낌의 UI 컴포넌트를 만들 때

2주요 기능

  • 4방향 및 8방향(Full Control) 조절 지원
  • 실시간 모양 미리보기
  • 랜덤 모양 생성
  • 간편한 CSS 코드 복사

3사용 방법

  • 각 모서리의 핸들을 드래그하여 곡률을 조절합니다.
  • 'Full Control'을 켜면 8개의 값을 개별적으로 조절할 수 있습니다.
  • 원하는 모양이 나오면 CSS 코드를 복사합니다.
  • 'Random' 버튼으로 새로운 모양을 탐색해보세요.

자주 묻는 질문

Q. 8개의 값은 무엇을 의미하나요?

A. 각 모서리의 가로, 세로 반지름을 개별적으로 설정하여 비대칭 곡선을 만듭니다.

Q. 오래된 브라우저에서도 지원되나요?

A. 대부분의 모던 브라우저에서 지원하지만, 아주 오래된 버전에서는 4개의 값만 적용될 수 있습니다.