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.
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
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ụ giải mã URL
Giải mã các thông số URL một cách dễ dàng ngay trong trình duyệt của bạn
ASCII sang nhị phân
Chuyển đổi ký tự ASCII sang mã nhị phân một cách dễ dàng
HSV sang Pantone
Chuyển đổi mã màu HSV thành tài liệu tham khảo Pantone® để thiết kế in