-webkit-transition-property để dịch

Question

Hai.
Thuộc tính chuyển tiếp cho bản dịch trong CSS3 là gì? Tôi hiện đang sử dụng all nhưng tôi gặp lỗi trong iOS vì vậy tôi muốn thử nghiệm một thuộc tính khác.

-webkit-transform: translate(-320px, 0); 

 

-webkit-transition: ??? .5 ease-in-out; 

Xem lỗi với một thiết bị iOS here (swipe ngang), có một loại đèn flash.

---

Cập nhật: cho bất cứ ai quan tâm, tôi tìm thấy một cách để sửa chữa nó nhờ Duopixel:

E { 
    -webkit-transition: all .5s ease-in-out; 
    -webkit-transform: translate3d(0, 0, 0); // perform an "invisible" translation 
} 

// Then you can translate with translate3d(), no bug! 
document.querySelector('E').webkitTransform = 'translate3d(-320px, 0, 0)' 

Answer 1

Có rất nhiều điều bạn có thể chuyển, dễ nhất để thử nghiệm trong kinh nghiệm của tôi là độ mờ đục.

Tuy nhiên, tôi đã gặp phải vấn đề nhấp nháy trước, hãy thử:

-webkit-transform: translate3d(-320px, 0, 0); 

này sẽ kick vào khả năng tăng tốc phần cứng, mà sửa chữa vấn đề và làm cho hình ảnh động cực kỳ trơn tru.

Answer 2

Giải pháp của bạn sẽ hoạt động, tuy nhiên câu trả lời chính xác mà bạn đang tìm kiếm là -webkit-transform.

-webkit-transition: -webkit-transform .5s ease-in-out;