Trình tạo Border Radius

Một khai báo border-radius có thể nhận tới bốn giá trị góc độc lập cộng với cú pháp tám giá trị dấu gạch chéo tùy chọn cho các đường cong tự nhiên — nhiều thành phần chuyển động hơn hầu hết mọi người nhận ra cho đến khi họ cần thứ gì đó vượt ra ngoài một tấm thẻ bo góc đơn giản. Trình tạo này đưa mọi thành phần đó lên màn hình: bốn thanh trượt góc với đơn vị px hoặc phần trăm riêng, phím tắt liên kết tất cả góc cho các hình đối xứng, và chế độ blob cho những hình dạng mà không giá trị bán kính đơn lẻ nào thể hiện được.

Chế độ Góc bao quát những hình dạng mà mọi người thực sự hay dùng: liên kết mọi góc vào một thanh trượt để có hình tròn, hình viên thuốc và squircles hoàn hảo, hoặc bỏ liên kết để chỉ bo góc trên cùng của bảng thả xuống hoặc chỉ một cạnh của thẻ. Bản xem trước dạng bàn cờ phía sau hình, có thể chuyển giữa nền sáng và tối, giúp thấy rõ chính xác góc nào bị cắt đi ở mỗi bán kính — cùng thủ thuật trực quan mà các công cụ xử lý file trên trang này dùng để hiển thị độ trong suốt.

Chế độ Blob là nửa còn lại: cú pháp tám giá trị dấu gạch chéo của CSS cho phép bán kính ngang và dọc của mỗi góc khác nhau, đó là thứ biến một hình chữ nhật bo góc thành đường viền tự nhiên, không đều. Nhấn Ngẫu nhiên bất cứ lúc nào để có hình mới và sao chép chính xác CSS đứng sau nó — không cần xuất SVG hay thư viện ngoài. Các trang cài đặt sẵn bao gồm những yêu cầu mà mọi người thực sự gõ vào ô tìm kiếm: hình tròn hoàn hảo, nút viên thuốc dạng sân vận động, squircle kiểu iOS và một blob tự nhiên có sẵn.

Giống như mọi công cụ trên trang này, nó chạy hoàn toàn trong trình duyệt của bạn: không tải lên, không tài khoản, và trình tạo vẫn hoạt động ngoại tuyến sau khi trang đã tải xong.