-webkit- vs -moz-transition

Question

Tôi đang sử dụng chuyển tiếp CSS3 trên trang web của mình và -webkit- dường như đang hoạt động, trong khi -moz- thì không.

Đây là CSS:

article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; } 

.mousedown{-webkit-transform: translate(-180px, 0) !important; -moz-transform: translate(-180px, 0) !important; } 

Chỉ cần sử dụng jQuery để thêm lớp mousedown vào bài viết.

Bất kỳ ý tưởng nào tôi đang gặp sự cố?

Answer 1

Firefox 4 trở lên hỗ trợ -moz-transition. Xem số documentation page.

Answer 2

CẬP NHẬT: xem nhận xét. Hỗ trợ cho quá trình chuyển đổi -moz hiện đã được thêm. Yay!

Không có điều gì như chuyển đổi -moz (chưa), xin lỗi. Mozilla sẽ thực hiện các chuyển đổi, nhưng webkit vẫn là công cụ chuyển đổi dựng hình duy nhất.

Answer 3

Hiện tại, quá trình chuyển đổi không được hỗ trợ trên các biến đổi CSS trong Mozilla.

https://developer.mozilla.org/en/CSS/CSS_transitions

Answer 4

Hỗ trợ cho moz-chuyển tiếp đã được thêm vào trong Gecko 1.9.3 (Firefox 3.7), vì vậy ngay bây giờ moz-chuyển tiếp sẽ chỉ làm việc trong một thông cáo Firefox 3.7 alpha hoặc Minefield (Firefox đêm xây dựng).

Answer 5

opera đang hỗ trợ nó kể từ 10.5, và tốt hơn nhiều so với webkit

Answer 6

Chuyển đổi CSS, cung cấp cách kiểm soát tốc độ hoạt ảnh khi thay đổi thuộc tính CSS. Thay vì thay đổi thuộc tính có hiệu lực ngay lập tức, bạn có thể gây ra các thay đổi trong thuộc tính diễn ra trong một khoảng thời gian. Ví dụ, nếu bạn thay đổi màu sắc của một phần tử từ trắng sang đen, thường thì sự thay đổi là tức thời. Với quá trình chuyển đổi CSS được bật, các thay đổi xảy ra trong các khoảng thời gian theo đường cong tăng tốc, tất cả các thay đổi có thể được tùy chỉnh.