Tôi có mixin sau cho qua trình duyệt transform:Có polyfill cho css chuyển đổi sở hữu trong IE8
.transform (...) {
-webkit-transform: @arguments; /* Chrome, Opera 15+, Safari 3.1+ */
-moz-transform: @arguments; /* Firefox 3.5+ */
-ms-transform: @arguments; /* IE 9 */
-o-transform: @arguments; /* Opera 10.5+ */
transform: @arguments; /* Firefox 16+, IE 10+, Opera */
}
.translate(@x:0, @y:0) {
.transform(translate(@x, @y));
}
Và áp dụng nó giống như sau:
#main {
.translate(280px, 0);
}
Nhưng nó không wotk trong IE8 and Opera mini. Có một số dự phòng, polyfill hoặc bất kỳ để hỗ trợ nó trong các trình duyệt đó?
kiểm tra http://www.useragentman.com/IETransformsTranslator/ – Nooh
Đối với IE6 + có 'bộ lọc: progid: DXImageTransform.Microsoft.Matrix' có thể mô phỏng nhiều hiệu ứng chuyển đổi css3. – pawel