Trình trích xuất CSS Gradient

Về công cụ này

Trình trích xuất CSS Gradient quét mã CSS của bạn, tìm và trực quan hóa tất cả định nghĩa gradient. Nó phát hiện linear-gradient, radial-gradient, conic-gradient và các biến thể lặp lại của chúng, hiển thị xem trước trực quan, nhãn loại và giá trị CSS đầy đủ cho mỗi gradient. Dán stylesheet, nhấp trích xuất, sao chép gradient cần thiết — tất cả chạy cục bộ trong trình duyệt.

Tính năng chính

• Phát hiện gradient linear, radial, conic và repeating từ CSS đã dán
• Hộp xem trước trực quan hiển thị hiệu ứng của từng gradient
• Nhãn loại gradient (linear, radial, conic, repeating) để nhận dạng nhanh
• Sao chép giá trị CSS gradient đơn bằng một cú nhấp
• Nút CSS mẫu để dùng thử công cụ ngay
• Thanh trạng thái hiển thị số lượng gradient tìm thấy hoặc thông báo lỗi

Xem nhanh

Tình huống sử dụng

• Xem xét và lập danh mục tất cả gradient trong codebase CSS lớn
• Trích xuất cảm hứng gradient từ stylesheet trang web hiện có
• Gỡ lỗi và xác thực giá trị gradient trong tệp CSS phức tạp
• Xây dựng thư viện gradient có thể tái sử dụng từ dự án hiện có
• Xem nhanh các loại gradient được sử dụng trong framework CSS bên thứ ba