Chuyển đổi màu
Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.
Tạo phép biến đổi CSS 2D và 3D
Chỉnh tịnh tiến, xoay, tỷ lệ, nghiêng và gốc biến đổi, với phối cảnh và điều khiển 3D tùy chọn.
Tùy chọn 3D
Xem trước
Nét đứt đánh dấu vị trí ban đầu. Thứ tự biến đổi ảnh hưởng đến kết quả; CSS xuất ra dùng đúng thứ tự của bản xem trước.
CSS
Giới thiệu công cụ
Đặt hoặc nghiêng phần tử trong khi đối chiếu với đường viền ban đầu.
Cách sử dụng
Điều chỉnh tịnh tiến X/Y, góc xoay, tỷ lệ theo trục, độ nghiêng và gốc biến đổi, đối chiếu với đường viền ban đầu. Bật 3D để thêm phối cảnh, tịnh tiến Z và xoay X/Y. Sao chép hoặc tải cả hai khai báo transform và transform-origin.
Phần xem trước và kết quả dùng cùng tham số theo một thứ tự cố định; đổi thứ tự hàm có thể làm đổi hiệu ứng. Tỷ lệ âm lật phần tử, tỷ lệ bằng không làm xẹp trục tương ứng. Công cụ tạo kiểu cho phần tử, không tạo mô hình 3D hay hoạt ảnh hoàn chỉnh.
Câu hỏi thường gặp
Có thể đổi thứ tự các hàm không?
Muốn đổi thứ tự, hãy sửa thủ công mã CSS đã xuất; giao diện không có chức năng sắp xếp lại các hàm. Xem trước và xuất dùng cùng một thứ tự cố định, và đổi thứ tự có thể làm thay đổi kết quả. Hệ số âm lật trục; hệ số 0 làm trục đó bị ép phẳng.
Vì sao phần tử đã dịch chuyển hoặc phóng to vẫn để lại chỗ cũ?
Biến đổi CSS thay cách vẽ phần tử mà không di chuyển hộp ban đầu của nó trong bố cục. Vì vậy, nội dung bên cạnh vẫn giữ nguyên vị trí. Dùng các quy tắc bố cục để chỉnh khoảng cách và dùng transform-origin để chọn điểm gốc cho phép biến đổi hiển thị.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0