Miễn phí tốt nhất Tạo bán kính biên CSS
Góc các yếu tố tròn theo hình ảnh - theo góc hoặc liên kết, px/%/em - với xem trước và sao chép trực tiếp.
100% miễn phí
Không đăng ký
Không dấu nước
✨
Go Pro cho các mô hình AI tốt nhất - hình ảnh, video và chat - cộng với các tải lên lớn hơn, ưu tiên trong hàng đợi và không chờ đợi.
Tăng cấp lên Pro
Tình yêu Best.Free? Chia sẻ đi.
Làm thế nào để làm
- Đặt góc. Kéo mỗi thanh trượt góc, hoặc giữ liên kết tất cả các góc để di chuyển chúng cùng nhau.
- Xem xem thử. Hộp tròn sống khi kéo; thay đổi px,% hay em trong các tùy chọn Cao cấp.
- Sao chép CSS. Nhấn Copy CSS và dán quy tắc bán kính biên vào bảng kiểu dáng của bạn.
Về công cụ này
Đo tròn các góc của một yếu tố chính xác như bạn muốn. Kéo một thanh trượt cho mỗi góc - hoặc giữ chúng liên kết để một thanh trượt di chuyển cả bốn góc - trong khi hộp xem trước trực tiếp hiển thị kết quả. Sao chép CSS bán kính biên, nó sẽ thu nhỏ thành một giá trị đơn khi mọi góc tương ứng và mở rộng thành dạng bốn giá trị khi chúng khác nhau. Tùy chọn Cao cấp chuyển đơn vị giữa px,% và em, vì vậy bạn có thể xây dựng hình dạng viên và tròn dựa trên phần trăm.
Người ta dùng nó làm gì?
- Thẻ tròn, nút và góc ảnh
- Tạo hình dạng viên thuốc hay hình tròn hoàn chỉnh
- Đặt bán kính khác nhau cho các góc riêng lẻ
- Dùng tỷ lệ tròn cho hình tròn và hình oval
Câu hỏi thường gặp
Đúng. Tắt Liên kết tất cả các góc và mỗi thanh trượt điều khiển một góc; sau đó CSS sử dụng dạng bốn giá trị (trên trái, trên phải, dưới phải, dưới trái).
Khi bật nó, kéo bất kỳ slider nào sẽ di chuyển tất cả bốn góc cùng nhau và CSS sẽ co lại thành một giá trị duy nhất.
Tỷ lệ phần trăm được tròn so với kích thước hộp, vì vậy 50% trên một hình vuông tạo ra một vòng tròn và nó được quy đổi theo yếu tố. Các điểm ảnh cho bán kính cố định.
Đặt bán kính lớn ở tất cả các góc; đối với một viên thuốc thật, bán kính bằng một nửa chiều cao của yếu tố - hoặc 50% - tròn các đầu hoàn toàn.
Không, các thanh trượt tính toán một chuỗi CSS trong trình duyệt của bạn.
Hoàn toàn miễn phí, không tài khoản và không giới hạn - một công cụ bên khách hàng không có gì để đo.
Có. Nó chạy trong trình duyệt của bạn, vì vậy CSS Border Radius Generator hoạt động trên điện thoại và máy tính bảng cũng như máy tính - không có ứng dụng nào cần cài đặt.
Thường chỉ mất vài giây cho một tập tin điển hình - CSS Border Radius Generator bắt đầu hoạt động ngay khi bạn đưa vào.
Sử dụng thường xuyên là không giới hạn, dưới một cái đầu sử dụng công bằng hào phóng mà giữ nó nhanh cho mọi người.
Tất cả các trình duyệt hiện đại - Chrome, Safari, Firefox và Edge. CSS Border Radius Generator không cần cài đặt gì ngoài trình duyệt bạn đã sử dụng.