Máy tạo bán kính biên giới

Một công cụ tạo CSS bán kính biên giới để nhanh chóng tạo khai báo CSS bán kính viền.

Preview

Preview image

Đầu ra CSS

clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

Điều khiển đường dẫn clip

Hình dạng cơ bản

Thuộc tính hình dạng

0%
0%
100%
100%

Animation

0s

Presets

Rectangle

Circle

Ellipse

Triangle

Diamond

Pentagon

Hexagon

Heart

Cách sử dụng

Điều khiển cơ bản

  • Chọn một hình dạng cơ bản từ bảng Shape Selection
  • Điều chỉnh thông số hình dạng bằng cách sử dụng thanh trượt phạm vi
  • Kéo các điểm điều khiển trên bản xem trước để định hình lại đường dẫn clip
  • Thêm điểm vào hình dạng tùy chỉnh bằng cách sử dụng chế độ Thêm điểm

Các tính năng nâng cao

  • Lưu và tải các cài đặt trước để truy cập nhanh vào các hình dạng yêu thích của bạn
  • Tạo hiệu ứng cho đường dẫn clip của bạn với thời lượng, giảm nhẹ và lặp tùy chỉnh
  • Sao chép mã CSS đã tạo và dán vào dự án của bạn
  • Chuyển đổi chế độ tối để thiết kế thoải mái vào đêm khuya

Related Tools