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 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 í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.
Chuyển đổi JSON sang TSV một cách dễ dàng
Chuyển đổi dữ liệu JSON của bạn sang định dạng Giá trị được phân tách theo tab (TSV) 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.
Nhị phân thành văn bản
Chuyển đổi mã nhị phân sang văn bản tiếng Anh một cách dễ dàng
Chuyển đổi JSON sang các lớp Java
Tạo các lớp Java từ dữ liệu JSON với các chú thích và getter/setter thích hợp. Nhanh chóng, an toàn và hoàn toàn dựa trên trình duyệt.