<p><strong>Công cụ Kiểm tra Gradient</strong> giúp bạn xem trước hiệu ứng gradient CSS, xác nhận trình duyệt hỗ trợ và phát hiện lỗi nhanh chóng. Bạn có thể nhập mã gradient, sao chép kết quả và xem trước trực tiếp trên trình duyệt.</p>
<h3>Tính năng chính</h3> <ul> <li>Nhập văn bản gradient</li> <li>Xem trước kết quả ngay lập tức</li> <li>Sao chép mã đã tạo</li> <li>Hiển thị trạng thái hỗ trợ hoặc lỗi rõ ràng</li> </ul>
<h3>Bước sử dụng cơ bản</h3> <ol> <li>Mở công cụ tại liên kết bên dưới.</li> <li>Dán mã CSS gradient vào ô nhập liệu (ví dụ: <code>background: linear-gradient(90deg, #ff7e5f, #feb47b);</code>).</li> <li>Nhấn <strong>Xem trước</strong>. Kết quả hiển thị với màu sắc và ghi chú hỗ trợ.</li> <li>Sử dụng nút <strong>Sao chép</strong> nếu bạn cần lưu mã.</li> </ol>
<h3>Ví dụ ngắn</h3> <p>Nhập đoạn mã trên vào công cụ. Bạn sẽ thấy dải màu chuyển từ cam sang vàng và thông báo <em>Hỗ trợ</em> nếu trình duyệt chấp nhận gradient.</p>
<h3>Lưu ý quan trọng</h3> <ul> <li>Chỉ hỗ trợ các gradient CSS cơ bản (tuyến tính, góc).</li> <li>Không thể chỉnh sửa gradient trực tiếp trong công cụ.</li> <li>Kiểm tra trên nhiều trình duyệt để đảm bảo tính tương thích.</li> <li>Dùng cho mục đích phát triển và kiểm tra, không phải thiết kế cuối cùng.</li> </ul>
<p><strong>Bắt đầu kiểm tra gradient ngay bây giờ:</strong> Kiểm tra gradient</p>
<h3>Câu hỏi thường gặp</h3> <p>Các câu hỏi và trả lời sau đây giúp bạn hiểu rõ hơn về công cụ.</p>
<div class="faq"> <p><strong>Q1: Công cụ này hoạt động trên những trình duyệt nào?</strong></p> <p>A1: Hầu hết trình duyệt hiện đại (Chrome, Firefox, Edge, Safari) đều được hỗ trợ.</p> </div> <div class="faq"> <p><strong>Q2: Tôi có thể lưu kết quả kiểm tra không?</strong></p> <p>A2: Không có tính năng lưu, nhưng bạn có thể sao chép mã CSS và chụp ảnh màn hình.</p> </div> <div class="faq"> <p><strong>Q3: Gradient phức tạp có được hỗ trợ không?</strong></p> <p>A3: Chỉ các gradient tuyến tính và góc cơ bản được hỗ trợ; các hiệu ứng phức tạp hơn có thể không hiển thị chính xác.</p> </div> <div class="faq"> <p><strong>Q4: Công cụ có miễn phí không?</strong></p> <p>A4: Đúng vậy, công cụ hoàn toàn miễn phí và không yêu cầu đăng ký.</p> </div>
<p>Nếu bạn cần thêm hỗ trợ, vui lòng liên hệ qua trang chủ công cụ.</p>