최고의 무료 CSS 경계 반경 생성기
라이브 미리보기 및 복사 기능으로 요소 모서리를 시각적으로 둥글게 뺀다(각 모서리 또는 링크, px/%/em).
100% 무료
가입 없음
워터마크 없음
메모리에서 처리된 파일, 저장되지 않음
사랑 best.free? 공유하세요
어떻게 작동하는지
- 모서리 설정. 각 모서리 슬라이더를 드래그하거나 모든 모서리 연결을 켜져 있게 하여 함께 이동합니다.
- 미리보기 보기. 드래그하면 라이브 상자가 둥글게 됩니다. 고급 옵션에서 px, % 또는 em을 전환합니다.
- CSS 복사. CSS 복사를 누르고 테두리 반경 규칙을 스타일시트에 붙여넣습니다.
이 도구에 대해
원하는 대로 요소의 모서리를 원형으로 만들 수 있습니다. 네 모서리 각각에 대한 슬라이더를 드래그하거나 슬라이더를 연결하여 하나의 슬라이더가 네 모서리를 모두 이동하도록 유지하면서 라이브 미리보기 상자가 결과를 보여줍니다. 모든 모서리가 일치할 때 단일 값으로 축소되고, 모서리가 다를 때 네 값 형식으로 확장되는 경계 반경 CSS를 복사합니다. 고급 옵션은 px, %, em 사이의 단위를 전환하여 필 모양과 백분율 기반 원형을 만들 수 있습니다.
사람들이 그것을 사용하는 이유
- 라운드 카드, 버튼 및 이미지 모서리
- 필러 또는 완전히 둥근 도형 생성하기
- 개별 모서리에 다른 반경 설정
- 원과 타원에 대해 백분율 반올림 사용
자주 묻는 질문
모든 모서리 연결을 끄면 각 슬라이더가 한 모서리를 제어합니다. 이 경우 CSS는 4값 형식(왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래)을 사용합니다.
이 옵션을 켜면 슬라이더를 드래그하면 네 모서리가 모두 함께 이동하고 CSS가 단일 값으로 축소됩니다.
백분율은 상자 크기에 관계하여 둥글게 표시되므로, 50%가 네모에 있으면 원이 생성되고 원이 요소와 함께 크기가 변합니다. 픽셀은 고정된 반경을 제공합니다.
모든 모서리에 큰 반경을 설정합니다. 진짜 필라멘트의 경우, 요소 높이의 반 또는 50%의 반경으로 끝을 완전히 둥글게 합니다.
아니요. 슬라이더는 브라우저에서 로컬로 CSS 문자열을 계산합니다.
완전히 무료, 계정 및 제한 없음 - 측정 할 아무것도없는 클라이언트 측면 도구.
네. 브라우저에서 실행되므로 CSS Border Radius Generator는 휴대폰과 태블릿뿐만 아니라 데스크탑에서도 작동합니다. 설치할 앱이 없습니다.
일반적으로 일반적인 파일에 대해 몇 초 만에 CSS Border Radius Generator는 입력을 제공하는 순간 작동을 시작합니다.
캐주얼 사용은 모든 사람에게 빠르게 유지하는 관대 한 공정 사용 캡 아래 무제한입니다.
모든 현대 브라우저 - 크롬, 사파리, 파이어 폭스 및 에지. CSS 경계 반경 생성기는 이미 사용하는 브라우저를 넘어 설치 아무것도 필요하지 않습니다.