매일 손이 가는 개발자 도구를 한곳에.
변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.
개별 모서리 제어가 가능한 시각적 CSS border-radius 생성기입니다
CSS border-radius 속성은 요소의 바깥쪽 테두리 모서리를 둥글게 만듭니다. 네 모서리를 모두 같은 값으로 설정하거나, 각 모서리에 다른 값을 지정해 독특한 모양을 만들 수 있습니다.
Border radius는 1개에서 4개까지의 값으로 지정할 수 있습니다. 값이 1개면 모든 모서리가 같습니다. 값이 2개면 첫 번째는 왼쪽 위/오른쪽 아래에, 두 번째는 오른쪽 위/왼쪽 아래에 적용됩니다. 값이 3개면 왼쪽 위, 위쪽…
모든 모서리 동일, 알약 모양(pill), 서로 다른 모서리를 다루어 일반적인 입력과 출력을 빠르게 비교할 수 있습니다.
선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.
// No external dependencies needed - generates CSS border-radius strings interface BorderRadius { topLeft: number; topRight: number; bottomRight: number; bottomLeft: number; unit: 'px' | '%' | 'rem'; }
