在没有边框的表上使用变换比例会在元素之间创建空间

Question

所以我在我的桌子上悬停时使用变换比例。这是在我悬停之前（并缩放表格）

这是在悬停之后（并且在它缩放之后）

你会看到它以某种方式在<td>元素之间创建空间，以及其他任何元素。 我尝试过很多事情，例如border-collapse，但我无法删除它。

这是HTML：

<div class="kartica">
    <table class="custom-table table table-hover table-responsive">
        <tbody>
            <tr>
                <td class="text-center">
                    something
                </td>

                <td class="text-center ">
                    something
                </td>

                <td class="text-center">
                    something
                </td>
             </tr>
         </tbody>
    </table>
</div>

这是CSS：

.custom-table {
    margin-bottom: 0px;
    border: none;
}

.custom-table td{
    border: none;
}

.custom-table tbody tr:hover {
    background-color: #edf0f3;
}

.kartica:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);

    -webkit-transition: all 70ms ease-in-out;
    -moz-transition: all 70ms ease-in-out;
    -o-transition: all 70ms ease-in-out;
    transition: all 70ms ease-in-out;
}

有没有办法将其删除？

编辑：这是codepen。 当你将鼠标悬停在桌子上时，你会看到细白线。