Html 为什么内部块css转换会使父文本变得模糊更长？

如果我有一些带有CSS转换的块，并且它有具有更长转换持续时间的子块，则主块中的其他转换属性文本将模糊，直到子动画结束。有什么办法吗？即使另一个单独的块有其动画，它也会模糊文本，是否有某种方法来分离此效果

.parent{
利润率：10px；
宽度：100px；
高度：100px；
背景：#000；
颜色：#aabb00；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-ms转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
.家长：悬停{
-webkit转换：规模（1.05）；
-莫兹变换：标度（1.05）；
-ms变换：标度（1.05）；
-o变换：标度（1.05）；
转换：标度（1.05）；
}
.parent:悬停.child{
-webkit变换：旋转（360度）；
-moz变换：旋转（360度）；
-ms变换：旋转（360度）；
-o变换：旋转（360度）；
变换：旋转（360度）；
}
.孩子{
宽度：10px；
高度：10px；
背景：#fff；
-webkit过渡：全部1.5s；
-moz转换：全部1.5s；
-ms过渡：全部1.5s；
-o型过渡：全部1.5s；
过渡：全部1.5s；
}

1234123412
1234123412

实际上，它的标准浏览器行为是在调整大小时模糊文本，它来自优化easeus，不是在每个动画帧中渲染新文本，而是在动画结束后渲染新文本。它无法修复。

实际上，它的标准浏览器行为是在调整大小时模糊文本，它来自优化easeus，不是在每个动画帧中渲染新文本，而是在动画结束后渲染新文本。它无法修复。

缩放父框时，它会增加框内的所有元素以及文本，这就是它显示给您的原因blurred@Bhushan动画之后，模糊消失了，它的chrome渲染出现了锯齿，而不是缩放问题我认为这是一个Webkit错误，是不可避免的…@MiguelMorera它不像一个错误，只是webkit在转换中呈现文本的方式，但真的没有办法吗？当你缩放父框时，它会增加框内的所有元素，文本也是，这就是为什么它会显示给你blurred@Bhushan动画制作完成后，模糊会分解，其chrome渲染会出现锯齿，不是规模问题我认为这是一个Webkit错误，是不可避免的…@MiguelMorera它不像一个错误，只是Webkit在过渡期间的文本呈现方式，但真的没有办法解决吗？