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
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 í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.
Trình làm đẹp CSS
Định dạng và làm đẹp mã CSS của bạn với độ chính xác chuyên nghiệp
HSV sang RGB
Chuyển đổi mã màu HSV sang giá trị RGB để phát triển web
Chuyển đổi từ sang số
Chuyển đổi số viết thành số tương đương bằng nhiều ngôn ngữ
Bộ chuyển đổi tốc độ dòng chảy thể tích
Chuyển đổi tốc độ dòng thể tích giữa các đơn vị khác nhau một cách chính xác và dễ dàng