Trình tạo Border Radius CSS
Tạo các giá trị border-radius phức tạp trong CSS một cách trực quan. Kiểm soát độc lập từng góc.
border-radius: 20px 20px 20px 20px;
Trình tạo Border Radius CSS là gì?
Thuộc tính border-radius của CSS chấp nhận tối đa bốn giá trị, mỗi giá trị cho một góc, theo thứ tự trên trái, trên phải, dưới phải và dưới trái. Hãy kết hợp các bán kính khác nhau để tạo các hình dạng hữu cơ kiểu giọt nước, các thẻ bất đối xứng hoặc các kiểu bong bóng hội thoại. Công cụ này cho phép bạn điều chỉnh từng góc bằng các thanh trượt và xem kết quả theo thời gian thực.
Câu hỏi thường gặp
Còn các bán kính dạng elip thì sao?▼
Công cụ liên quan
Trình chuyển đổi màu (HEX/RGB/HSL)
Chuyển đổi màu giữa các định dạng HEX, RGB và HSL. Chọn màu trực quan hoặc nhập các giá trị thủ công.
Trình tạo Box Shadow CSS
Tạo các giá trị box-shadow trong CSS một cách trực quan. Xem trước theo thời gian thực và sao chép CSS được tạo ra.
Bộ tạo dải màu chuyển sắc CSS
Tạo các dải màu chuyển sắc CSS dạng tuyến tính và tỏa tròn. Chọn màu một cách trực quan và sao chép đoạn CSS được tạo ra.
Bộ tạo đường cong gia tốc Cubic Bezier
Tạo các đường cong gia tốc cubic-bezier cho CSS. Bao gồm các giá trị cài sẵn theo chuẩn.
Trình tạo bảng màu
Tạo các bảng màu hài hòa từ bất kỳ màu cơ sở nào. Hỗ trợ các sơ đồ màu bổ túc, tương đồng, bộ ba và đơn sắc.
Trình tạo CSS Clamp()
Tạo các giá trị CSS linh hoạt và đáp ứng với clamp(). Co giãn mượt mà giữa kích thước tối thiểu và tối đa trên các khoảng của viewport.