当在悬停时使用带有转换比例的转换比例时，引导程序列内的文本模糊

Question

当您将鼠标悬停在列上时，在缩放期间您将看到文本模糊。 如何解决这个问题。 在我的原始代码中，它看起来更加模糊。如果您不能避免这种情况，那么如何使其更平滑或更模糊。

.col-sm-4 {
  border: 1px solid green;
  width: 500px;
}
.col-sm-4:hover {
  transform: scale(1.03);
  transition: all 1s ease;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


<div class="row">
<div class="col-sm-4">
<h1>
ddsddssddsds
</h1>
</div>
</div>