Thiết kế & CSS
Tạo màu sắc thực tế và CSS với bản xem trước cục bộ trực tiếp.
Danh mục tỷ lệ thuận CSS
trích xuất các khai báo tỷ lệ khung hình và tóm tắt các tỷ lệ độc nhất được một biểu định kiểu sử dụng.
Mở công cụ →Trình kiểm tra vị trí dính CSS
tìm các quy tắc định vị dính và báo cáo xem mỗi tuyên bố có một ranh giới inset có thể sử dụng được hay không.
Mở công cụ →Danh mục đơn vị cửa sổ xem CSS
kiểm kê các đơn vị viewport cổ điển, nhỏ, lớn và động được dùng trong CSS đã dán.
Mở công cụ →Trình tìm khai báo CSS trùng lặp
tìm các thuộc tính được khai báo nhiều hơn một lần trong cùng một quy tắc CSS phẳng để xem xét kỹ hơn.
Mở công cụ →Kho tràn CSS
tràn kho, các khai báo overflow-x và overflow-y, và tóm tắt các giá trị cắt bớt và cuộn.
Mở công cụ →Danh mục thuộc tính chuyển tiếp CSS
trích xuất các thuộc tính CSS chuyển đổi từ các tuyên bố ngắn gọn và chuyển đổi-thuộc tính.
Mở công cụ →Kiểm kê độ cao dòng CSS
kiểm kê các khai báo line-height và phân loại các giá trị không đơn vị, tương đối, tuyệt đối và bình thường.
Mở công cụ →Trình kiểm tra CSS hiển thị khi focus
so sánh các bộ chọn focus và focus-visible và đánh dấu các quy tắc làm ẩn đường viền focus của bàn phím.
Mở công cụ →Danh mục phương tiện in CSS
khối phương tiện in ấn tồn kho và các khai báo thường dùng để định dạng đầu ra in.
Mở công cụ →Trình kiểm tra chuyển động giảm CSS
kiểm tra các quy tắc prefers-reduced-motion và đánh dấu các khai báo chuyển động không có đường dẫn giảm thiểu rõ ràng.
Mở công cụ →Kiểm kê hiển thị phông chữ CSS
liệt kê các chiến lược hiển thị phông chữ trong các quy tắc font-face và đánh dấu hành vi tải bị bỏ qua.
Mở công cụ →Trình kiểm tra Màu cưỡng bức CSS
kiểm tra các truy vấn phương tiện forced-colors và các khai báo forced-color-adjust để sẵn sàng cho độ tương phản cao.
Mở công cụ →Danh mục hành động chạm CSS
kiểm kê các tuyên bố tác động chạm và tóm tắt các hạn chế cử chỉ trong CSS dán.
Mở công cụ →Kho lựa chọn người dùng CSS
liệt kê các khai báo user-select và các quy tắc tô sáng vô hiệu hóa việc chọn văn bản.
Mở công cụ →Kho màu nhấn CSS
kiểm kê các khai báo accent-color được dùng để tạo kiểu cho các điều khiển biểu mẫu gốc.
Mở công cụ →Danh mục thuộc tính thanh cuộn CSS
kiểm tra các thuộc tính thanh cuộn tiêu chuẩn và các bộ chọn thanh cuộn webkit cũ trong CSS đã dán.
Mở công cụ →Trình tạo hộp kiểm CSS có khả năng truy cập
Xây dựng một checkbox tùy chỉnh với trạng thái đã chọn hiển thị, vòng viền khi lấy nét bằng bàn phím và các điều khiển giới hạn cho kích thước, bán kính và màu sắc, sau đó sao chép toàn bộ CSS cục bộ.
Mở công cụ →Máy tạo chuyển đổi bật tắt CSS có thể truy cập
Tạo một công tắc chuyển đổi dựa trên ô chọn có khả năng đáp ứng với hình học đường dẫn và nút bấm đồng bộ, màu sắc khi hoạt động và kiểu hiển thị khi nhận focus có thể nhìn thấy bằng bàn phím.
Mở công cụ →Trình tạo hình dạng đường dẫn cắt CSS
Chọn một mẫu hình học có giới hạn và tạo một polygon clip-path sẵn sàng cho tiêu chuẩn với bản xem trước màu trực tiếp và không có dữ liệu thiết kế được tải lên.
Mở công cụ →Tạo mẫu nền CSS
Tạo nền chấm, lưới hoặc sọc chéo nhẹ từ các gradient CSS, với khoảng cách, độ rộng nét và màu sắc được kiểm soát thay vì dùng tài nguyên hình ảnh.
Mở công cụ →Máy tạo hình thủy tinh CSS có thể truy cập
Tạo một bảng bán trong suốt với màu dự phòng, độ mờ nền, các giá trị viền, bán kính và đổ bóng trong khi xem trước độ tương phản trên một nền cục bộ được kiểm soát.
Mở công cụ →Bộ kết xuất HTML sang SVG
Biến một đoạn HTML đã được làm sạch thành một khung vẽ SVG có thể mở rộng, trong đó văn bản và bố cục vẫn sắc nét ở các kích thước hiển thị khác nhau.
Mở công cụ →Bộ kết xuất HTML sang PNG
Kết xuất HTML đã được làm sạch thành ảnh PNG không mất dữ liệu với kích thước khung vẽ rõ ràng và nền tùy chọn thân thiện với độ trong suốt.
Mở công cụ →Trình kết xuất HTML sang JPG
Chuyển đổi HTML đã làm sạch thành khung JPEG ảnh chụp gọn nhẹ để xem trước, bản nháp email và nội dung đồ họa mạng xã hội không cần độ trong suốt.
Mở công cụ →Không có công cụ phù hợp trên trang này.