Html 在css中缩放后文本变得模糊

Html 在css中缩放后文本变得模糊,html,css,Html,Css,我正在使用缩放变换缩放html中的div,但其中的文本变得模糊。我有没有办法把这篇文章说得像原文一样清楚 @关键帧scaleText{ 从{ 变换:比例(0.5,0.5); } 到{ 变换:比例(2,2); } } #para1Six{ 颜色:黑色; 文本对齐:居中; -webkit字体平滑:抗锯齿; 字号:19px; 字体系列:“萨克拉门托”,草书; z指数:2; } #包装纸 { 宽度:500px; 保证金:0自动; 动画名称:scaleText; 动画持续时间:1s; 动画填充模式:正向

我正在使用缩放变换缩放html中的div,但其中的文本变得模糊。我有没有办法把这篇文章说得像原文一样清楚

@关键帧scaleText{
从{
变换:比例(0.5,0.5);
}
到{
变换:比例(2,2);
}
}
#para1Six{
颜色:黑色;
文本对齐:居中;
-webkit字体平滑:抗锯齿;
字号:19px;
字体系列:“萨克拉门托”,草书;
z指数:2;
}
#包装纸
{
宽度:500px;
保证金:0自动;
动画名称:scaleText;
动画持续时间:1s;
动画填充模式:正向;
}

你好,世界


您可以不缩放文本


对文本使用
font size
,对div分别使用
transform:scale()

请附加您的html代码。要知道您是否已在span或p文件中添加了文本。我已将其添加到p中。para1Six位于div id=“包装器”中,我正在缩放div,因此文本也会被缩放。您要缩放哪个div?你能写这门课吗?我刚刚注意到,实际上文本并没有变得模糊,div正在变得模糊。示例中只有文本,它并没有模糊。没问题,不是吗?