Máy tạo bán kính biên giới
Thiết kế bán kính đường viền CSS một cách trực quan: bốn thanh trượt góc độc lập tính bằng px hoặc phần trăm, lối tắt liên kết tất cả các góc cho các vòng tròn và viên thuốc tức thì, cùng với chế độ blob hữu cơ với các hình dạng ngẫu nhiên.
kết quả
Khai báo bán kính đường viền có thể nhận tối đa bốn giá trị góc độc lập cộng với cú pháp dấu gạch chéo tám giá trị tùy chọn cho các đường cong tự nhiên — nhiều bộ 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ì đó ngoài một thẻ tròn đơn giản. Trình tạo này đưa từng bộ 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, lối tắt liên kết tất cả các góc cho các hình dạng đối xứng và chế độ blob cho các hình dạng mà không một giá trị bán kính nào có thể biểu thị.
Chế độ góc bao gồm các hình dạng mà mọi người thực sự hướng tới: liên kết mọi góc với một thanh trượt để có các vòng tròn, viên thuốc và hình tròn hoàn hảo hoặc hủy liên kết chúng để chỉ làm tròn phần trên cùng của bảng thả xuống hoặc chỉ một mặt của thẻ. Bản xem trước bàn cờ phía sau hình dạng, có thể chuyển đổi giữa phông nền sáng và tối, giúp hiển thị chính xác những góc nào bị cắt đi ở bất kỳ bán kính nào - các công cụ tệp đánh lừa thị giác tương tự trên trang web này sử dụng để hiển thị độ trong suốt.
Chế độ Blob là nửa còn lại: cú pháp gạch chéo tám giá trị CSS cho phép bán kính ngang và dọc của mỗi góc không đồng nhất, điều này biến hình chữ nhật tròn thành một đường viền tự nhiên, không đều. Nhấn Randomize để có hình dạng mới bất kỳ lúc nào và sao chép CSS chính xác đằng sau nó - không cần xuất SVG hoặc thư viện bên ngoài. Các trang đặt trước bao gồm các yêu cầu mà mọi người thực sự nhập vào hộp tìm kiếm: một vòng tròn hoàn hảo, nút viên thuốc hình sân vận động, hình tròn kiểu iOS và một đốm màu hữu cơ được tạo sẵn.
Giống như mọi công cụ trên trang web 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 cần tài khoản và trình tạo tiếp tục hoạt động ngoại tuyến sau khi trang được tải.