質問
この例を取ります:
@-webkit-keyframes slideInViewport {
from{
-webkit-transform: scale(1);
-webkit-transform: translate3d(0, 0, 0);
}
to{
-webkit-transform: scale(0.8);
-webkit-transform: translate3d(250px, 0, 0)
}
}
.
これにより、DIVが左に250pxを左に変換してからスケーリングします。スケーリングなのと同時にTransmate3Dにするにはどうすればよいですか?
left
プロパティでこのアニメーションを達成しましたが、それは非常に低い性能をもたらします。
解決
解決策は次のとおりです。
@-webkit-keyframes slideInViewport {
from{
-webkit-transform: scale(1) translate3d(0, 0, 0);
}
to{
-webkit-transform: scale(0.8) translate3d(250px, 0, 0);
}
}
. 所属していません StackOverflow