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 bố cục Flexbox hoàn hảo
Trực quan, tùy chỉnh và tạo mã flexbox CSS với giao diện kéo và thả trực quan của chúng tôi.
Công cụ chuyển đổi Stylus sang CSS
Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
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.
Công cụ chuyển đổi Base64 sang CSV
Chuyển đổi dữ liệu CSV được mã hóa Base64 thành tệp CSV có thể tải xuống ngay lập tức. Hoạt động cục bộ trong trình duyệt của bạn mà không cần tải lên dữ liệu.
Bộ chuyển đổi điện áp
Chuyển đổi điện áp giữa các đơn vị khác nhau một cách chính xác và dễ dàng
Hex sang thập phân
Chuyển đổi số thập lục phân sang số thập phân một cách dễ dàng