Trình tạo chuyển tiếp CSS3
Chuyển đổi độ mờ mượt mà
Cài đặt trước phổ biến
Hiệu ứng mờ dần
Chuyển đổi độ mờ mượt mà
Hiệu ứng tỷ lệ
Thay đổi kích thước phần tử khi di chuột
Hiệu ứng xoay
Xoay phần tử khi di chuột
Hiệu ứng trượt
Di chuyển vị trí phần tử
Thay đổi màu sắc
Chuyển đổi màu nền
Giới thiệu về Chuyển tiếp
Chuyển đổi CSS cho phép bạn thay đổi các giá trị thuộc tính một cách mượt mà, trong một khoảng thời gian nhất định.
Các thuộc tính hoạt hình phổ biến bao gồm:
- chiều rộng, chiều cao
- lề, đệm
- độ mờ, màu sắc
- transform (scale, rotate, translate)
- background-color
Mẹo chuyên nghiệp: Sử dụng tùy chọn 'Tất cả thuộc tính' để tạo hiệu ứng cho tất cả các thay đổi.
Preview
Mã được tạo
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kiểm soát chuyển tiếp
Hiệu ứng di chuột
Related Tools
Công cụ chuyển đổi ít sang CSS
Chuyển đổi mã Less của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Tạo gradient CSS đẹp dễ dàng
Tạo gradient tuyến tính, xuyên tâm và hình nón tuyệt đẹp với giao diện trực quan của chúng tôi. Sao chép mã CSS và sử dụng nó trong các dự án của bạn ngay lập tức.
Công cụ chuyển đổi SCSS sang CSS
Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Chuyển đổi JSON sang XLSX một cách dễ dàng
Chuyển đổi dữ liệu JSON của bạn sang định dạng Excel (XLSX) chỉ bằng một cú nhấp chuột. Nhanh chóng, an toàn và hoàn toàn dựa trên trình duyệt.
Trình thu nhỏ JavaScript
Nén và tối ưu hóa mã JavaScript của bạn với tính năng thu nhỏ cấp độ chuyên nghiệp. Giảm kích thước tệp, cải thiện thời gian tải và nâng cao hiệu suất cho các ứng dụng web của bạn.
Trình tạo băm MD2
Tạo hàm băm MD2 nhanh chóng và dễ dàng với công cụ trực tuyến này. Kết quả an toàn, đáng tin cậy và tức thì.