Dönüştürme matrisini, bir öğenin dönüşümünü ölçeklendirmek için kullanmalıyım. Aşağıdaki kodu kullanırsanızmatris ölçek geçişi çalışmıyor
Ben düzgün çalıştığını 0'dan 1. ölçekleme istiyorum: Ben matrisi kendisi kullanırsanız
.container {
width: 200px;
height: 100px;
background: yellow;
transform: scale(0);
transition: transform 1s;
}
.container.open {
transform: scale(1);
}
https://jsfiddle.net/w4kuth78/1/
, değil çalışma olduğunu.
.container { width: 200px; height: 100px; background: yellow; transform: matrix(0, 0, 0, 0, 0, 0); transition: transform 1s; } .container.open { transform: matrix(1, 0, 0, 1, 0, 0); }
https://jsfiddle.net/m7qpetkh/1/
Yanlış bir şey yapıyorum veya bu çalışma sadece değil mi? Merak ediyorum, çünkü Chrome ve Firefox'ta çalışmıyor ...Console_log hata ayıklama çıktısı, 0'dan 1'e ölçeklemede matrisin matristen de ayarlandığını belirtir (0,0,0,0, 0,0) matris (1,0,0,1,0,0).
DÜZENLEME: ... vay 0.1 veya 0.01 çalışır matriste scaleX ve scaleY değerlerini değiştirmek ise animasyon veya dönüşümleri geçtiğinde
toplam karışıklık ...
Çok garip için
Kredi vardır! Diğer matris dönüşüm değerleri de https://jsfiddle.net/zvgcg0o0/ da canlandırmaya çalışmaktadır. Hangi sebeple olursa olsun IE11, hem demolarınızı hem de sorunsuz bir şekilde yaptığım şeyleri halleder. –
Kendi sorunuzu cevapladınız, gerçekten. 0.001, gidebileceğiniz kadar küçük ve geçişler de var. Sıfırın neden animasyonu devre dışı bıraktığının tam olarak emin değilim, ama öyle. –
Bunun için bir hata raporu gibi görünmüyor, bir dosyaya layık olabilir. Bu gerçekten bir hata değilse (nasıl olacağından emin değilim), en azından davranışını açıklığa kavuşturmak için bir mühendis alabilirsiniz: https://code.google.com/p/chromium/issues/entry – Adam