PolyFill/Shim cho chuyển tiếp CSS và hoạt ảnh

Question

Google đang làm tôi thất vọng về điều này (tôi nghĩ vì thuật ngữ cho PolyFill/Shim/Spackle là mới và đa dạng vào lúc này). Tôi đang cố gắng để tìm một JavaScript tốt PolyFill hoặc Shim cho webkit của (và bây giờ là của RC FireFox 4's) CSS chuyển tiếp.

Tôi đã tìm thấy this work rằng Weston Ruter đã làm nhưng chưa được cập nhật trong một thời gian và sử dụng tính năng phát hiện trình duyệt thay vì phát hiện tính năng.

Tôi cũng đã phát hiện FakeSmile nhưng nó được hướng chủ yếu đến hoạt ảnh SVG.

Có ai biết về bất kỳ thư viện nào tốt để điền vào chức năng này không? Tốt hơn là một cái gì đó mà sẽ làm việc với Modernizr và vẫn đang được tích cực làm việc trên. Cho đến nay lựa chọn tốt nhất trông giống như bắt đầu với những gì Weston đã đưa ra.

Answer 1

Có một vùng chuyển tiếp CSS3 rất tốt cho jQuery được gọi là jQuery.transition.

Bạn chỉ có thể sử dụng phương thức thông thường animate() trong jQuery và nó sẽ tự động sử dụng chuyển tiếp CSS3 nếu có, và nếu không, nó sẽ quay trở lại vanilla jQuery.

Answer 2

Google Polymer Project của Google bao gồm Web Animations polyfill cho bản nháp W3C Web Animations thông số kỹ thuật.

Ngăn trống rỗng: Đây là công việc khá sớm, vì thông số W3C chỉ là bản nháp làm việc chung nên mọi thứ có thể thay đổi. Ngoài ra, các polyfills Polymer trông giống như chúng chỉ nhắm mục tiêu phiên bản mới nhất của trình duyệt (ví dụ: IE10 +) để nó có thể không phù hợp với nhu cầu của bạn. Tuy nhiên, điều này là sớm trong dự án, do đó, giữ một mắt trên đó và thử nghiệm.

Nếu bạn cẩn thận kiểm tra nền tảng mà người dùng của bạn đang sử dụng, bạn có thể tận dụng lợi thế của trang web trong tương lai ngay hôm nay.