Thiết kế & CSS · chạy cục bộ

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.

Kết quả

Sẵn sàng. Dữ liệu làm việc của bạn sẽ ở lại trong trình duyệt này.

Tại sao công cụ này hữu ích

Sử dụng CSS Reduced Motion Checker khi bạn cần 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 chuyển động rõ ràng. Kết quả có ngay và dễ xác minh trước khi bạn sử dụng lại.

Cách hoạt động của nó

Nhập các giá trị được yêu cầu bởi CSS Reduced Motion Checker. Trình duyệt xác thực đầu vào, thực hiện phép tính cục bộ và tạo ra kết quả có thể sao chép kèm các lỗi rõ ràng.

Ví dụ thực tế

Một cách sử dụng thực tế là chạy CSS Reduced Motion Checker trên một mẫu nhỏ trước, xác nhận đầu ra, rồi sau đó xử lý toàn bộ giá trị hoặc danh sách.

Xác thực

Phép tính là xác định và giải thích các lỗi xác thực thay vì âm thầm thay đổi dữ liệu đầu vào không hợp lệ.

Ranh giới quyền riêng tư

Đầu vào và đầu ra vẫn ở trong tab này. Sao chép và tải xuống diễn ra thông qua các API trình duyệt mà không cần tải lên máy chủ.

Hộ chiếu kết quả

Mỗi lần chạy đều báo cáo chế độ công cụ, dấu thời gian và kích thước đầu vào/đầu ra để có thể kiểm tra dữ liệu đã chuyển đổi.