CSS动画关键帧规则中是否应存在translateZ?
拥有一些CSS动画关键帧规则中是否应存在translateZ?,css,optimization,css-animations,transform,Css,Optimization,Css Animations,Transform,拥有一些transform:scale属性的动画,只在静态CSS中设置transform:translateZ(0)以触发GPU加速是否足够 div { animation: scale 1s; transform: translateZ(0); } @keyframes scale { 0% { transform: scale(0.5); } 100% { transform: scale(1); } } 或
transform:scale
属性的动画,只在静态CSS中设置transform:translateZ(0)
以触发GPU加速是否足够
div {
animation: scale 1s;
transform: translateZ(0);
}
@keyframes scale {
0% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
或者应该
transform:scale(…)translateZ(0)代码>是否存在于每个@keyframe规则中?是,否则将在不使用translatez()属性的情况下重置变换。但是如果值设置为零,则不会注意到或使用https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale3d
代替正常刻度,但注意数值